ã¦ã¼ã¶ã¼ã®ä½ç½®æ å ±ã¨ã¯ã¹ããªã¨ã³ã¹ãå¼·åããããã«ãä½ç¾ä¸ãã®ã¦ã§ããµã¤ããã¢ããªã§ Google Maps Platform ã使ç¨ããã¦ãã¾ãã
ã©ããã§ããã¯ãã¡ã§ã(ââ¸â) ãããªãã§ããã¿ãªããããã£ãããã¶ã¤ã³ãããWebãµã¤ãã®ä¸ã«ããã©ã«ãã®Googleããããããã¨ãªãã ããã£ãããªãæãã¾ãããï¼(ââ¸â) ã©ã¼ã«ãããããã¾ããã¶ã¤ã³ã§ããªãã ããã(ââ¸â) ã¨ãããã¨ã§ãä»åã¯ç°¡åã«Googleãããã®ãã¶ã¤ã³ãã«ã¹ã¿ãã¤ãºã§ããæ¹æ³ããç´¹ä»ãããã¨æãã¾ãÙ©( á )Ù Googleãããã表示ãããã ã¾ãã¯ããã«åºæ¬ãããGoogleããããè¨ç½®ãã¾ããã( ËÏË)â Googleãããã®è¨ç½® <script src="http://maps.google.com/maps/api/js?key=ããã«APIãã¼ãå ¥ãã¾ã&language=ja"> </script> headerã¿ã°APIãåå¾ããã¹ã¯ãªãããã¤ãã¾ãã APIã®åå¾ã¯ãã¡ãããåç §ãã ãã <div id="js-map-tae
ä»ããã¾ãã¾ãªWebãµã¤ãã§ä½¿ããããã£ããå°å³ã®å®çªã¨ãªã£ãGoogleãããã ã³ã¼ãã¬ã¼ããµã¤ãã飲é£åºã®ãµã¤ããªã©ã§ãç´ç²ã«æ¡å å³ã¨ãã¦ãã¼ã¸ã«åãè¾¼ãã®ãä¸è¬çã§ãããä¸ã«ã¯ãã£ã¨ãããããä½¿ãæ¹ã§ãã¦ã¼ã¶ã¼ã楽ãã¾ãã¦ãããµã¤ããããã¾ãã ä¸ä¾ã¨ãã¦ããhitotokiãã¨ããWebãã¬ã¸ã³ãç´¹ä»ãã¾ããããhitotokiã¯ãããç¹å®ã®å ´æã«é¢ããã·ã§ã¼ãã¹ãã¼ãªã¼ãå°å³ã¨çµ¡ãã¦ç´¹ä»ããWebãã¬ã¸ã³ã§ããGoogleããããã¾ãã§ç¬èªã«æããçµµå°å³ã®ããã«ãã¾ããµã¤ãã«ãªãã¾ãããå°çã¨æå¦ãçµã³ã¤ããçºã®æå¦å°å³ãã¨ããã³ã³ã»ããã«åããã¦å¹æçã«æ´»ç¨ãã¦ãã¾ãã ä»åã¯ããã®hitotokiã®Googleãããæ´»ç¨æ³ããææ¬ã¨ãã¾ãããã ä»åã®ãææ¬ãµã¤ãï¼ ãhitotokiâçºã®æå¦å°å³ã ãå ´æãã«ã¾ã¤ããèªè ã®æãåºãåããå°å³ã¨åçã¨ã¨ãã«ç´¹ä»ããæç¨¿åã®
Webä¸ã§å°å³ã表示ãããã¼ã«ã®å®çªã¨ããã°ãGoogleãããããç¬èªã®å°å³ãç°¡åã«ä½ãããGoogle Maps APIãã使ã£ã¦ãä¼ç¤¾æ¡å ã®ãã¼ã¸ã«å°å³ãåãè¾¼ãã ããå°å³ã¨é£åããããããµã¼ãã¹ãéå¶ãã¦ããæ¹ãå¤ãã§ãããã ãã®Google Maps APIã®æ°ãã¼ã¸ã§ã³ãVersion 3ãï¼ä»¥ä¸V3ã¨ç¥ï¼ã5æ27æ¥ã«å ¬éããã¾ãããä»åã¯ãV3ã使ã£ã¦å°å³ã表示ããåºæ¬çãªæé ãç´¹ä»ãã¾ãããã Google Maps API V3ã®ä¸»ãªå¤æ´ç¹ Google Maps API V3ã§ã¯ã以ä¸ã®ç¹ãæ°ãããªãã¾ããã ï¼1ï¼API Keyãä¸è¦ V2ã¾ã§ã§ã¯ãGoogle Maps APIã使ãããã«ã¯API Keyãåå¾ããå¿ è¦ãããã¾ããããV3ã§ã¯ä¸è¦ã«ãªãã¾ããã ï¼2ï¼iPhoneï¼Androidã¸ã®å¯¾å¿ iPhoneãAndroidã§å°å³ãé«éã«è¡¨ç¤ºã§ããããã«
gmaps.jsã¯Googleãããã使ããããããJavaScriptã©ã¤ãã©ãªã§ãã Googleãããã§ã¯JavaScriptã®APIãæä¾ããã¦ãã¾ããã使ãåæãè¯ãã¨ã¯è¨ãã¾ãããæ´»ç¨ãã¦ãããªãã°ãã£ã¨ä½¿ããããgmaps.jsãå©ç¨ãã¾ãããã ã¾ãæ®éã®è¡¨ç¤ºãGMapsã«ä½ç½®æ å ±ãæ¸¡ãã ãã§ããè¶ ç°¡åã ã¤ãã³ããåãã¾ããã¯ãªãã¯ããã©ãã°ãªã©æ§ã ãªã¤ãã³ãã使ãã¾ãã ãã¼ã«ã¼ã®è¿½å ãåãããããã§ãããã¼ã«ã¼ã«ã¤ãã³ããã¤ããã®ãç°¡åã HTMLã³ã³ãã³ãã表示ããã®ãæè»½ã§ãã HTML5ã®ä½ç½®æ å ±åå¾ã«ã対å¿ãã¦ãã¾ãã ä½æãæ¤ç´¢ãã¦ã¸ãªã³ã¼ãã£ã³ã°ã ããã¼ã§ããæå®ã¯å¤§å¤ã§ããã ãªã¼ãã¼ã¬ã¤è¡¨ç¤ºã§ãã ã«ã¼ãæ¤ç´¢ã§ããäºã¤ã®ä½ç½®æ å ±ãæ¸¡ãã ãã§ãã ã«ã¼ãæ¤ç´¢ãããã«ãã¤ã³ããã¨ã«è¡¨ç¤ºãã¦ãããã¨ãã§ãã¾ãã ãã¡ãã¯éçãªããããç»åã¨ãã¦è¡¨ç¤ºã§ãã¾ã
gmaps.js ? the easiest way to use Google Maps ã¹ãã¬ã¹ç¡ãã§Googleãããã使ã£ããµã¤ããä½ãããgmaps.jsã Googleãããã®ãµã¤ãã¸ã®å®è£ ãæ¬å½ã«ç°¡åã§ããã¤å¤æ©è½ãªã©ã¤ãã©ãªã®ãç´¹ä»ã§ã ç°¡åãªããããåºãã®ã«å¿ è¦ãªã³ã¼ãã¯ä»¥ä¸ã 表示ãããdivã¨ç·¯åº¦çµåº¦ãæå®ããã ãã§ã åºæ¥ããã¨ãªã¹ãã¯ä»¥ä¸ ãããã®ã¯ãªãã¯ããã©ãã°æã®ã¤ãã³ããã³ãã©å®è£ ãã¼ã«ã¼ä»ä¸ ã¸ãªãã±ã¼ã·ã§ã³ã»ã¸ãªã³ã¼ãã£ã³ã° ããããªã¼ãã¼ã¬ã¤ ãããä¸ã®ã³ã³ããã¹ãã¡ãã¥ã¼å®è£ å°å³ä¸ã®åºç»æå® ç®çå°ã¾ã§ã®ã«ã¼ãæç» éçãªç»åãããã表示 ãªã©ãªã©è¶ 夿©è½ã Googleããã使ããããããªãå ´åã¯è¦ãã¦ããã¦æã¯ããã¾ãã é¢é£ã¨ã³ã㪠Googleãããé¢é£ã®jQueryãã©ã°ã¤ã³ã¨ãã¥ã¼ããªã¢ã«é ã¹ãããã¿ãã¬ããã§Googleããã風
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}