ゼロと無限の間に

フリーでオープンソースなJavaScriptとかPHPとか。

ユーザ用ツール

サイト用ツール

現在位置: ゼロと無限の間に » JavaScript玉手箱 » Google Maps API V3を使って地図をお手軽に表示 - Google Mapper V3
トレース: • JavaScriptのDateオブジェクトを拡張 - Date.js • Flashを動的に表示してアクティブ化する - FlushFlash • Google Maps API V3を使って地図をお手軽に表示 - Google Mapper V3
javascript:google-mapper-v3

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
最新のリビジョン両方とも次のリビジョン
javascript:google-mapper-v3 [2011/12/07 22:40] – 0.7.0 dgbadminjavascript:google-mapper-v3 [2015/09/22 14:34] – [ダウンロード] dgbadmin
行 5: 行 5:
 {{http://maps.google.com/maps/api/staticmap?center=38%2C137&zoom=5&sensor=false&size=400x460&markers=color%3Ared%7Clabel%3AA%7C%E6%9C%AD%E5%B9%8C&markers=color%3Ablue%7Clabel%3AB%7C%E4%BB%99%E5%8F%B0&markers=color%3Aorange%7Clabel%3AC%7C%E6%9D%B1%E4%BA%AC&markers=color%3Agreen%7Clabel%3AD%7C%E5%90%8D%E5%8F%A4%E5%B1%8B&markers=color%3Agray%7Clabel%3AE%7C%E5%A4%A7%E9%98%AA&markers=color%3Ayellow%7Clabel%3AF%7C%E5%BA%83%E5%B3%B6&markers=color%3Apurple%7Clabel%3AG%7C%E7%A6%8F%E5%B2%A1&.png?}} {{http://maps.google.com/maps/api/staticmap?center=38%2C137&zoom=5&sensor=false&size=400x460&markers=color%3Ared%7Clabel%3AA%7C%E6%9C%AD%E5%B9%8C&markers=color%3Ablue%7Clabel%3AB%7C%E4%BB%99%E5%8F%B0&markers=color%3Aorange%7Clabel%3AC%7C%E6%9D%B1%E4%BA%AC&markers=color%3Agreen%7Clabel%3AD%7C%E5%90%8D%E5%8F%A4%E5%B1%8B&markers=color%3Agray%7Clabel%3AE%7C%E5%A4%A7%E9%98%AA&markers=color%3Ayellow%7Clabel%3AF%7C%E5%BA%83%E5%B3%B6&markers=color%3Apurple%7Clabel%3AG%7C%E7%A6%8F%E5%B2%A1&.png?}}
  
-[[http://code.google.com/intl/ja/apis/maps/documentation/v3/|Google Maps APIのバージョン3（V3）]]が公開されたので、バージョン2用に作った[[google mapper|Google Mapper]]とは別に、Google Maps API V3用の「Google Mapper V3」を書き直した。\\+[[https://developers.google.com/maps/|Google Maps APIのバージョン3（V3）]]が公開されたので、バージョン2用に作った[[google mapper|Google Mapper]]とは別に、Google Maps API V3用の「Google Mapper V3」を書き直した。\\
 これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス（SSLで暗号化されたセキュアなページの表示）など、いろいろなことを手軽に実現できる。 これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス（SSLで暗号化されたセキュアなページの表示）など、いろいろなことを手軽に実現できる。
  
行 16: 行 16:
 [[http://0-oo.net/sam/google-mapper/geolocation.php|Google Mapper V3で現在地を取得する動作サンプル（スマートフォンにも対応）]] [[http://0-oo.net/sam/google-mapper/geolocation.php|Google Mapper V3で現在地を取得する動作サンプル（スマートフォンにも対応）]]
  
-[[https://0-oo.googlecode.com/svn/trunk/sam/google-mapper-v3-over-https.html|Google Mapper V3をHTTPSで表示するサンプル]]+[[http://0-oo.net/sam/google-mapper/drawing.php|Google Mapper V3で長方形や円や自由図形や折れ線を描くサンプル]] 
 + 
 +[[https://0-oo.github.io/sam/google-mapper-v3-over-https.html|Google Mapper V3をHTTPSで表示するサンプル]]
  
 [[http://0-oo.net/hotel/|ホテル 旅館 × 地図から検索]] （応用例 1） [[http://0-oo.net/hotel/|ホテル 旅館 × 地図から検索]] （応用例 1）
行 32: 行 34:
  
 ===== ダウンロード ===== ===== ダウンロード =====
-[[http://0-oo.googlecode.com/svn/google-mapper-v3.js|google-mapper-v3.js]]+[[http://g.0-oo.net/google-mapper-v3.js|google-mapper-v3.js]]
  
 ※ダウンロードできるのは最新のBeta版の場合もあります ※ダウンロードできるのは最新のBeta版の場合もあります
行 59: 行 61:
 </code> </code>
  
-==== アイコン画像を指定してマーカーを表示する ====+=== アイコン画像を指定してマーカーを表示する ===
 <code javascript> <code javascript>
 GoogleMapper.addMarker(35.7, 139.7, "東京", iconUrl); GoogleMapper.addMarker(35.7, 139.7, "東京", iconUrl);
 </code> </code>
  
-==== 色を指定してマーカーを表示する ====+=== 色を指定してマーカーを表示する ===
 <code javascript> <code javascript>
 GoogleMapper.addColorMarker(34.7, 135.5, "大阪", "FF0"); GoogleMapper.addColorMarker(34.7, 135.5, "大阪", "FF0");
 </code> </code>
  
-==== 色を指定してマーカーを表示して、その中に文字を表示する ====+=== 色を指定してマーカーを表示して、その中に文字を表示する ===
 <code javascript> <code javascript>
 GoogleMapper.addColorMarker(34.7, 135.5, "大阪", "FF0", "000", "虎"); GoogleMapper.addColorMarker(34.7, 135.5, "大阪", "FF0", "000", "虎");
 </code> </code>
  
-==== 吹出し型のマーカーを表示する ====+=== 吹出し型のマーカーを表示する ===
 <code javascript> <code javascript>
 GoogleMapper.addBubbleMarker(26.2, 127.7, "那覇"); GoogleMapper.addBubbleMarker(26.2, 127.7, "那覇");
javascript/google-mapper-v3.txt · 最終更新: 2015/09/22 14:38 by dgbadmin
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki