ãƒãƒ¼ã‚«ãƒ«æ¤œç´¢æ©Ÿèƒ½ã‚’表示ã™ã‚‹:Geekãªãºãƒ¼ã˜
（注æ„ï¼ï¼‰ã“ã®è¨˜äº‹ã¯ã€æ—§APIã§ã‚ã‚‹Google Maps API version 2を解説ã—ãŸã‚‚ã®ã§ã™ã€‚version 2ã®åˆ©ç”¨ã¯æŽ¨å¥¨ã•ã‚Œã¦ã„ãªã„ã®ã§ã€æ„図的ã«æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®æƒ…å ±ã‚’æŽ¢ã—ã¦ã„ãªã„å ´åˆã¯ã€æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è§£èª¬ã‚’ã”覧下ã•ã„。 Local Search コントãƒãƒ¼ãƒ«ã‚’使ã†ã¨ã€ãƒãƒ¼ã‚«ãƒ«æ¤œç´¢æ©Ÿèƒ½ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ ã“ã“ã§ã¯ã€Local Search コントãƒãƒ¼ãƒ«ã‚’表示ã™ã‚‹æ–¹æ³•ã‚’説明ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒãƒ¼ã‚«ãƒ«æ¤œç´¢ã‚µãƒ³ãƒ—ル 以下ã®ã‚µãƒ³ãƒ—ルã¯Google MAPS APIを使ã£ãŸãƒšãƒ¼ã‚¸ã®ã‚½ãƒ¼ã‚¹ã§ã™ã€‚ 強調ã—ã¦ã‚る部分ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルを使ã†ã«ã¯ã€ã€ŒYOUR_KEYã€ã¨æ›¸ã‹ã‚Œã¦ã„る部分をã”利用ã®Google Maps API Keyã«æ›¸ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 下記サンプルã«ã¯ã€ç½®ãæ›ãˆãŒå¿…è¦ãªã€ŒYOUR_KEYã€ãŒ2箇所ã‚ã‚‹ã®ã§ã”注æ„下ã•ã„。 <!DOCTYPE html
Geekãªãºãƒ¼ã˜ : ãµãã ã—内ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«HTMLを利用ã™ã‚‹
（注æ„ï¼ï¼‰ã“ã®è¨˜äº‹ã¯ã€æ—§APIã§ã‚ã‚‹Google Maps API version 2を解説ã—ãŸã‚‚ã®ã§ã™ã€‚version 2ã®åˆ©ç”¨ã¯æŽ¨å¥¨ã•ã‚Œã¦ã„ãªã„ã®ã§ã€æ„図的ã«æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®æƒ…å ±ã‚’æŽ¢ã—ã¦ã„ãªã„å ´åˆã¯ã€æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®è§£èª¬ã‚’ã”覧下ã•ã„。 ã“ã“ã§ã¯ã€åœ°å›³ä¸Šã«è¡¨ç¤ºã™ã‚‹ãµãã ã—ã®ä¸èº«ã‚’HTMLã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’説明ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãµãã ã—ã®ä¸èº«ã‚’HTMLã§æ›¸ã事ã«ã‚ˆã‚Šã€æ”¹è¡Œã‚’è¡Œã£ãŸã‚Šã€æ–‡å—ã®è‰²ã‚’変ãˆãŸã‚Šã€ç”»åƒã‚’貼り付ã‘ãŸã‚Šã™ã‚‹äº‹ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ サンプル 以下ã®ã‚µãƒ³ãƒ—ルã¯Google MAPS APIを使ã£ãŸãƒšãƒ¼ã‚¸ã®ã‚½ãƒ¼ã‚¹ã§ã™ã€‚ ãµãã ã—を出ã™éƒ¨åˆ†ãŒopenInfoWindowã§ã¯ãªãã€openInfoWindowHtmlã«ãªã£ã¦ã„る点ã«ã”注æ„下ã•ã„。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.
Geekãªãºãƒ¼ã˜ : 緯度/経度ã®å–å¾—
Google MAPS JavaScript APIを使ã£ã¦ç·¯åº¦ã¨çµŒåº¦ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ルã§ã™ã€‚ クリックã—ãŸä½ç½®ã®ç·¯åº¦ã¨çµŒåº¦ã‚’表示ã—ã¾ã™ã€‚ 緯度/経度ã®æ•°å€¤å–å¾—ã«åˆ©ç”¨ã—ã¦ãã ã•ã„。 ソースコード 以下ãŒã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ <!DOCTYPE html> <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map { height: 100% } </style> <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript" charset="UTF-8"></script> <script type="text
Geekãªãºãƒ¼ã˜ : Google MAPS APIプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ã“ã“ã§ã¯ã€Google Maps JavaScript API(version 3)を使ã£ã¦éŠã¶æ–¹æ³•ã‚’説明ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Google Maps JavaScript APIを使ã†ã¨ã€ã‚°ãƒ¼ã‚°ãƒ«ç¤¾ãŒæä¾›ã™ã‚‹è¡›æ˜Ÿå†™çœŸã‚„地図を使ã£ã¦ãƒ›ãƒ¼ãƒ ページ上ã§è‰²ã€…ãªã‚‚ã®ã‚’作れã¾ã™ã€‚ 対象ã¨ã™ã‚‹èªè€…ã¯åˆå¿ƒè€…ã‚‚ã—ãã¯å…¥é–€è€…ã§ã™ã€‚ Google Maps APIã¯JavaScriptを使ã£ã¦æ›¸ã„ã¦ã‚ã‚‹ã®ã§ã€JavaScriptã®çŸ¥è˜ãŒã‚ã£ãŸæ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ãŒã€Java ScriptãŒã‚ã‹ã‚‰ãªãã¦ã‚‚何ã¨ç„¡ãã‚ã‹ã‚‹ã‚ˆã†ãªèª¬æ˜Žã‚’目指ã—ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 基本編 Google Maps APIã®å˜ç´”ãªä¾‹ 地図ã®ç¨®é¡žã‚’切り替ãˆã‚‹ 地図ã®ä¸å¿ƒã‚’移動ã™ã‚‹ 地図上ã«ãµãã ã—を表示 地図ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã¨ãã®å‡¦ç† マップタイプコントãƒãƒ¼ãƒ«ã‚’無効ã«ã™ã‚‹ 緯度経度å–得ツール è¦æœ›ãŒå¤šã„ã®ã§ç·¯åº¦çµŒåº¦æƒ…å ±ã‚’å–å¾—ã™ã‚‹ãƒ„ールを
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Accelerating Your Growth from R&D to ROI
Web ページã®ä¸ã®ä½æ‰€è¡¨ç¤ºã‚’自動㧠Google Maps ã¸ã®ãƒªãƒ³ã‚¯ã«ã—ã¦ãれる Greasemonkey スクリプト㨠iPod touch 用 Bookmarklet
Google Enterprise Solutions - Google Search Appliance
{{#tags}}- {{label}}
{{/tags}}