{"id":198,"date":"2009-01-28T19:57:33","date_gmt":"2009-01-28T17:57:33","guid":{"rendered":"http:\/\/atbliss.ru\/?p=198"},"modified":"2017-08-08T22:02:54","modified_gmt":"2017-08-08T20:02:54","slug":"google-maps","status":"publish","type":"post","link":"https:\/\/atbliss.ru\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"
\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/p>
\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c \u0432\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 API \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c\u00a0google<\/em>\u00a0\u043a\u0430\u0440\u0442\u044b<\/em>. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0432\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435 \u043e \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445 \u0438 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u044f\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f Google Maps \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 API-\u043a\u0430\u0440\u0442\u044b.<\/p>\n \u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u0434\u0435\u043c \u043d\u0430\u00a0\u0434\u043e\u043c\u0430\u0448\u043d\u044e\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443\u00a0 \u0424\u0443\u043d\u043a\u0446\u0438\u044f initialize() \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f\u00a0\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u00a0\u043a\u0430\u0440\u0442\u0430\u043c\u0438<\/em>, \u0438, \u0435\u0441\u043b\u0438 \u0434\u0430, \u0442\u043e \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u00a0\u043a\u0430\u0440\u0442\u0443<\/em>\u00a0\u0432\u00a0\u0431\u043b\u043e\u043a \u0441\u00a0id=»map_canvas». \u0414\u0430\u043b\u0435\u0435 \u0446\u0435\u043d\u0442\u0440\u00a0\u043a\u0430\u0440\u0442\u044b<\/em>(map.setCenter(…)) \u0441\u0442\u0430\u0432\u0438\u0442\u0441\u044f \u0432\u00a0\u0442\u043e\u0447\u043a\u0443 c\u00a0\u0448\u0438\u0440\u043e\u0442\u043e\u0439 59.94 \u0438\u00a0\u0434\u043e\u043b\u0433\u043e\u0442\u043e\u0439 30.3. \u041c\u0430\u0441\u0448\u0442\u0430\u0431\u00a0\u043a\u0430\u0440\u0442\u044b<\/em>\u00a0\u2014 13.<\/p>\n \u0415\u0449\u0435 \u043f\u0430\u0440\u043e\u0447\u043a\u0430 \u043c\u043e\u043c\u0435\u043d\u0442\u043e\u0432. \u041d\u0430\u00a0google \u043a\u0430\u0440\u0442\u0430\u0445<\/em>\u00a0\u0435\u0441\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u0438, \u044f\u0437\u044b\u043a \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u043e\u00a0\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442\u00a0\u044f\u0437\u044b\u043a\u0430 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b\u00a0\u0445\u043e\u0442\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b\u00a0\u043a\u0430\u0440\u0442\u044b<\/em>\u00a0\u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u0438 \u043d\u0430\u00a0\u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u043e\u0434\u043d\u043e\u043c \u044f\u0437\u044b\u043a\u0435 \u0438\u00a0\u043d\u0435\u00a0\u0437\u0430\u0432\u0438\u0441\u0438\u043b\u0438 \u043e\u0442\u00a0\u044f\u0437\u044b\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u0442\u043e\u00a0\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u00a0google \u043a\u0430\u0440\u0442\u0443<\/em>\u00a0\u043a\u00a0\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043d\u0443\u0436\u043d\u043e \u0432\u043e\u0442 \u0442\u0430\u043a (\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 hl\u00a0\u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430\u00a0\u044f\u0437\u044b\u043a):<\/p>\n \u0415\u0441\u0442\u044c\u00a0 \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a (\u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f initialize()):<\/p>\n \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044b \u043d\u0430\u0441 \u043d\u0435\u00a0\u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043b\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f\u00a0\u0441\u0442\u0430\u043b \u0438\u0441\u043a\u0430\u0442\u044c, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0438. \u0412\u00a0\u0438\u0442\u043e\u0433\u0435 \u044f\u00a0\u043d\u0430\u0448\u0435\u043b \u0432\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u043a\u043b\u0435\u0432\u044b\u0439 \u043c\u0430\u043d\u0443\u0430\u043b \u043f\u043e\u00a0google \u043a\u0430\u0440\u0442\u0430\u043c<\/em>\u00a0\u043d\u0430\u00a0\u0440\u0443\u0441\u0441\u043a\u043e\u043c (\u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u043d\u0443\u0430\u043b\u043e\u0432 \u043e\u0442\u00a0\u0433\u0443\u0433\u043b\u0430):<\/p>\n \u0421\u0440\u0435\u0434\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u00a0google \u043a\u0430\u0440\u0442\u044b<\/em>\u00a0\u0435\u0441\u0442\u044c \u0438\u00a0\u043d\u0443\u0436\u043d\u044b\u0435 \u043d\u0430\u043c:<\/p>\n \u042d\u0442\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u043d\u0430\u00a0\u043b\u044e\u0431\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0442\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0441\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u0441\u0432\u043e\u0435\u043c\u0443 \u0432\u043a\u0443\u0441\u0443.<\/p>\n \u042d\u0442\u043e \u043e\u0442\u043c\u0435\u0442\u043a\u0438 \u043d\u0430\u00a0\u043a\u0430\u0440\u0442\u0435<\/em>. \u041d\u0430\u00a0\u043b\u044e\u0431\u043e\u0439 \u043c\u0430\u0440\u043a\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0432\u0435\u0441\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. \u0412\u043e\u0442 \u0442\u0430\u043a \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0430\u0440\u043a\u0435\u0440 \u043d\u0430\u00a0google \u043a\u0430\u0440\u0442\u0443<\/em>:<\/p>\n \u0415\u0441\u043b\u0438 \u0432\u044b\u00a0\u0445\u043e\u0442\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0432\u0430\u0448 \u043c\u0430\u0440\u043a\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0442\u044c, \u0442\u043e\u00a0\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u043c\u0430\u0440\u043a\u0435\u0440 \u043d\u0430\u00a0\u043a\u0430\u0440\u0442\u0443<\/em>\u00a0\u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n \u041d\u0430 \u043c\u0435\u0441\u0442\u0435 \u0430\u043b\u0435\u0440\u0442\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438.<\/p>\n \u0422\u0435\u043f\u0435\u0440\u044c \u0431\u0443\u0434\u0435\u043c \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0438 \u0438\u043a\u043e\u043d\u043a\u0438 \u043d\u0430\u00a0\u043c\u0430\u0440\u043a\u0435\u0440\u044b (\u0433\u0443\u0433\u043b\u043e\u0432\u0441\u043a\u0438\u0435 \u0442\u043e\u0436\u0435 \u043d\u0438\u0447\u0435\u0433\u043e, \u043d\u043e\u00a0\u0441\u0432\u043e\u0438-\u0442\u043e \u043b\u0443\u0447\u0448\u0435 ;-). \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442 tinyIcon, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438\u00a0\u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0437\u0430\u00a0\u0438\u043a\u043e\u043d\u043a\u0443 \u043c\u0430\u0440\u043a\u0435\u0440\u0430:<\/p>\n \u0418 \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043c\u0430\u0440\u043a\u0435\u0440 \u0441 \u0438\u043a\u043e\u043d\u043a\u043e\u0439 tinyIcon:<\/p>\n \u041e\u043f\u044f\u0442\u044c\u00a0\u0436\u0435, \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0444\u043e\u043e\u043a\u043d\u0430 (\u0447\u0442\u043e \u043f\u0440\u043e\u0449\u0435) \u0438\u00a0\u0441\u0432\u043e\u0438 (\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e\u00a0\u0441\u0432\u043e\u0435\u043c\u0443 \u0432\u043a\u0443\u0441\u0443). \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0438\u043d\u0444\u043e\u043e\u043a\u043d\u0430 \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n \u041c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043f\u043e\u0439\u0442\u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u043c \u0438\u00a0\u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c \u043f\u0443\u0442\u0435\u043c \u0438\u00a0\u043d\u0430\u0447\u0430\u043b\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043e\u043a\u043e\u043d. \u0412\u00a0\u0438\u0442\u043e\u0433\u0435 \u043d\u0430\u0448\u043b\u0438\u00a0 \u0428\u0442\u0443\u043a\u0430 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0445\u043e\u0440\u043e\u0448\u0430\u044f (\u0445\u043e\u0442\u044f \u0442\u044f\u0436\u0435\u043b\u0430\u044f)\u00a0\u2014 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u00a0\u043f\u043e\u043d\u044f\u0442\u043d\u043e. \u041f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u043a\u00a0\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u0430\u043c\u043e \u043e\u043a\u043e\u0448\u043a\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n \u041c\u044b \u0437\u0430\u0434\u0430\u043b\u0438 \u0441\u0435\u0431\u0435 \u044d\u0442\u043e\u0442 \u0432\u043e\u043f\u0440\u043e\u0441 \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u00a0\u043a\u0430\u0440\u0442\u0435<\/em>\u00a0\u041c\u043e\u0441\u043a\u0432\u044b \u0443\u00a0\u043d\u0430\u0441 \u0431\u044b\u043b\u043e \u043e\u043a\u043e\u043b\u043e 700\u00a0\u0442\u043e\u0447\u0435\u043a. \u041f\u0440\u0438 \u0442\u0430\u043a\u0438\u0445 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430\u0445 \u041e\u0441\u043b\u0438\u043a (\u0438\u00a06-\u043e\u0439, \u0438\u00a07-\u043e\u0439) \u0432\u0438\u0441 \u0432\u00a0\u043b\u0443\u0447\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u0438\u043d\u0443\u0442\u044b \u043d\u0430\u00a02\u00a0(\u0432\u00a0\u0445\u0443\u0434\u0448\u0435\u043c \u0432\u0438\u0441 \u043d\u0430\u043c\u0435\u0440\u0442\u0432\u043e), \u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u0434\u0438\u043a\u043e \u0442\u043e\u0440\u043c\u043e\u0437\u0438\u043b. \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u044b\u00a0\u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0442\u043e\u0447\u043a\u0438 \u043f\u043e\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u0438 (\u043f\u043e\u00a0\u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0448\u0442\u0443\u043a \u0441\u00a0\u0442\u0430\u0439\u043c\u0430\u0443\u0442\u043e\u043c). \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e, \u043d\u043e\u00a0\u0442\u0430\u043a\u00a0\u0436\u0435 \u0434\u043e\u043b\u0433\u043e \u0438\u00a0\u0444\u0430\u0442\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u041e\u0441\u043b\u0430.<\/p>\n\u041d\u0430\u0447\u0430\u043b\u043e \u0440\u0430\u0431\u043e\u0442\u044b<\/span><\/h2>\n
<!DOCTYPE html \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\"\r\n \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"><\/span>\r\n <html<\/span> xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"<\/span><\/span>><\/span>\r\n <head<\/span>><\/span>\r\n <meta<\/span> http-equiv=\"content-type\"<\/span><\/span> content=\"text\/html; charset=utf-8\"<\/span><\/span>\/><\/span>\r\n <title<\/span>><\/span>\u0413\u0443\u0433\u043e\u043a\u0430\u0440\u0442\u044b<\/title<\/span>><\/span> \r\n <script<\/span> src=\"http:\/\/maps.google.com\/maps?file=api&v=2&key=abcdefg\"<\/span><\/span> type=\"text\/javascript\"<\/span><\/span>><\/span><\/script<\/span>><\/span>\r\n <script<\/span> type=\"text\/javascript\"<\/span><\/span>><\/span>\r\n function<\/span> initialize<\/span>()<\/span> {<\/span>\r\n if<\/span> (GBrowserIsCompatible()) {\r\n var<\/span> map = new<\/span> GMap2(document.getElementById(\"map_canvas\"<\/span>)); \r\n map.setCenter(new<\/span> GLatLng(59.94<\/span>, 30.3<\/span>), 13<\/span>);\r\n }\r\n } \r\n <\/span><\/script<\/span>><\/span> \r\n <\/head<\/span>><\/span> \r\n <body<\/span> onload=\"initialize()\"<\/span><\/span> onunload=\"GUnload()\"<\/span><\/span>><\/span> \r\n <div<\/span> id=\"map_canvas\"<\/span><\/span> style=\"width: 500px; height: 300px\"<\/span><\/span>><\/span><\/div<\/span>><\/span>\r\n <\/body<\/span>><\/span>\r\n <\/html<\/span>><\/span> <\/code><\/pre>\n
<script<\/span> type=\"text\/javascript\"<\/span><\/span> src=\"http:\/\/maps.google.com\/maps?file=api&v=2&key=abcdef&hl=ru\"<\/span><\/span>><\/span><\/script<\/span>><\/span> <\/code><\/pre>\n
\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044b<\/span><\/h2>\n
function initialize() {\r\n if<\/span> (GBrowserIsCompatible()) {\r\n var map<\/span> = new<\/span> GMap2(document.getElementById(\"map_canvas\"<\/span>)); \r\n map<\/span>.addControl(new<\/span> GSmallMapControl()); \/\/<\/span> \u043c\u0430\u0441\u0448\u0442\u0430\u0431 \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u044b\r\n map<\/span>.addControl(new<\/span> GMapTypeControl()); \/\/<\/span> \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u043e\u0432 \u043a\u0430\u0440\u0442\u044b\r\n map<\/span>.setCenter(new<\/span> GLatLng(59.94<\/span>, 30.3<\/span>), 13<\/span>);\r\n }\r\n } <\/code><\/pre>\n
\nPDF, 960\u041a\u0411<\/div>\n\n
\u041c\u0430\u0440\u043a\u0435\u0440\u044b \u0438\u00a0\u0438\u043a\u043e\u043d\u043a\u0438<\/span><\/h2>\n
var<\/span> point = new<\/span> GLatLng(point_lat, point_long);\r\n var<\/span> marker = new<\/span> GMarker(point);\r\n map.addOverlay(marker);\r\n <\/code><\/pre>\n
var<\/span> point = new<\/span> GLatLng(point_lat, point_long);\r\n var<\/span> marker = new<\/span> GMarker(point, {draggable: true<\/span>});\r\n\r\n GEvent.addListener(marker, \"dragstart\"<\/span>, function<\/span>()<\/span> {<\/span>\r\n alert('\u041d\u0430\u0447\u0430\u043b\u0438 \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0442\u044c'<\/span>)\r\n });\r\n\r\n GEvent.addListener(marker, \"dragend\"<\/span>, function<\/span>()<\/span> {<\/span>\r\n alert('\u041f\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u043b\u0438'<\/span>);\r\n });\r\n\r\n map.addOverlay(marker); <\/code><\/pre>\n
var tinyIcon = new<\/span> GIcon();\r\n tinyIcon.image = \"http:\/\/labs.google.com\/ridefinder\/images\/mm_20_red.png\"<\/span>; \/\/<\/span> \u043f\u0443\u0442\u044c \u043a \u0438\u043a\u043e\u043d\u043a\u0435\r\n tinyIcon.shadow = \"http:\/\/labs.google.com\/ridefinder\/images\/mm_20_shadow.png\"<\/span>; \/\/<\/span> \u043a \u0442\u0435\u043d\u0438 (\u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u0430)\r\n tinyIcon.iconSize = new<\/span> GSize(12<\/span>, 20<\/span>); \/\/<\/span>\u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438\u043a\u043e\u043d\u043a\u0438\r\n tinyIcon.shadowSize = new<\/span> GSize(22<\/span>, 20<\/span>); \/\/<\/span> \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0442\u0435\u043d\u0438\r\n tinyIcon.iconAnchor = new<\/span> GPoint(6<\/span>, 20<\/span>); \/\/<\/span> \"\u0446\u0435\u043d\u0442\u0440\"<\/span> \u0438\u043a\u043e\u043d\u043a\u0438\r\n tinyIcon.infoWindowAnchor = new<\/span> GPoint(5<\/span>, 1<\/span>); \/\/<\/span> \u0442\u043e\u0447\u043a\u0430 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0438\u043d\u0444\u043e\u043e\u043a\u043d\u0430 <\/code><\/pre>\n
markerOptions = { icon:tinyIcon <\/span>};\r\n var marker = new GMarker(point<\/span>, markerOptions<\/span>)<\/span>; <\/code><\/pre>\n
\u0418\u043d\u0444\u043e\u043e\u043a\u043d\u0430<\/span><\/h2>\n
GEvent.addListener(marker, \"click\"<\/span>, function<\/span>()<\/span> {<\/span>\r\n marker.openInfoWindowHtml(\"\u0417\u0434\u0435\u0441\u044c \u0442\u0435\u043a\u0441\u0442 \u043e\u043a\u043d\u0430 \u0432 HTML\"<\/span>);\r\n });<\/code><\/pre>\n
GEvent.addListener(marker, 'click'<\/span>, function<\/span>()<\/span>{<\/span> \r\n marker.openExtInfoWindow(\r\n map,\r\n \"simple_example_window\"<\/span>, \/\/ \u044d\u0442\u043e \u043f\u0440\u0435\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 css \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0444\u043e\u043e\u043a\u043d\u0430<\/span>\r\n \"\u041e\u043f\u044f\u0442\u044c \u0436\u0435 \u0432\u0430\u0448 html.\"<\/span>,\r\n {beakOffset: 3<\/span>}\r\n ); \r\n });<\/code><\/pre>\n
\u0410\u00a0\u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u043c\u043d\u043e\u0433\u043e \u043c\u0430\u0440\u043a\u0435\u0440\u043e\u0432<\/span><\/h2>\n