javascript:google-mapper-v3
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
javascript:google-mapper-v3 [2011/11/08 23:00] – [サンプル] dgbadmin | javascript:google-mapper-v3 [2015/09/22 14:34] – [ダウンロード] dgbadmin | ||
---|---|---|---|
行 5: | 行 5: | ||
{{http:// | {{http:// | ||
- | [[http://code.google.com/ | + | [[https://developers.google.com/ |
これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス(SSLで暗号化されたセキュアなページの表示)など、いろいろなことを手軽に実現できる。 | これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス(SSLで暗号化されたセキュアなページの表示)など、いろいろなことを手軽に実現できる。 | ||
行 16: | 行 16: | ||
[[http:// | [[http:// | ||
- | [[https://0-oo.googlecode.com/svn/trunk/ | + | [[http://0-oo.net/ |
+ | |||
+ | [[https://0-oo.github.io/ | ||
[[http:// | [[http:// | ||
行 32: | 行 34: | ||
===== ダウンロード ===== | ===== ダウンロード ===== | ||
- | [[http:// | + | [[http://g.0-oo.net/ |
※ダウンロードできるのは最新のBeta版の場合もあります | ※ダウンロードできるのは最新のBeta版の場合もあります | ||
行 59: | 行 61: | ||
</ | </ | ||
- | ==== アイコン画像を指定してマーカーを表示する | + | === アイコン画像を指定してマーカーを表示する === |
<code javascript> | <code javascript> | ||
GoogleMapper.addMarker(35.7, | GoogleMapper.addMarker(35.7, | ||
</ | </ | ||
- | ==== 色を指定してマーカーを表示する | + | === 色を指定してマーカーを表示する === |
<code javascript> | <code javascript> | ||
GoogleMapper.addColorMarker(34.7, | GoogleMapper.addColorMarker(34.7, | ||
</ | </ | ||
- | ==== 色を指定してマーカーを表示して、その中に文字を表示する | + | === 色を指定してマーカーを表示して、その中に文字を表示する === |
<code javascript> | <code javascript> | ||
GoogleMapper.addColorMarker(34.7, | GoogleMapper.addColorMarker(34.7, | ||
</ | </ | ||
- | ==== 吹出し型のマーカーを表示する | + | === 吹出し型のマーカーを表示する === |
<code javascript> | <code javascript> | ||
GoogleMapper.addBubbleMarker(26.2, | GoogleMapper.addBubbleMarker(26.2, | ||
行 93: | 行 95: | ||
GoogleMapper.showAds(" | GoogleMapper.showAds(" | ||
}, " | }, " | ||
+ | </ | ||
+ | |||
+ | ==== 現在位置を取得する ==== | ||
+ | iPhoneやAndroidの他、ノートPCでもWi-Fiから現在位置を取得できる。iPhoneだとタイムアウトする? | ||
+ | <code javascript> | ||
+ | GoogleMapper.getCurrentPosition(function(latLng) { | ||
+ | // (略) | ||
+ | }); | ||
</ | </ | ||
行 162: | 行 172: | ||
| | ||
| | ||
- | | + | |
| | ||
| | ||
行 452: | 行 462: | ||
} | } | ||
}); | }); | ||
+ | }; | ||
+ | /** | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | */ | ||
+ | GoogleMapper.getCurrentPosition = function(onSuccess, | ||
+ | if (!navigator.geolocation) { | ||
+ | return false; | ||
+ | } | ||
+ | |||
+ | navigator.geolocation.getCurrentPosition( | ||
+ | function(position) { | ||
+ | var coords = position.coords; | ||
+ | onSuccess(new google.maps.LatLng(coords.latitude, | ||
+ | }, | ||
+ | onError || function(e) { alert(e.message); | ||
+ | { enableHighAccuracy: | ||
+ | ); | ||
+ | |||
+ | return true; | ||
}; | }; | ||
/** | /** |
javascript/google-mapper-v3.txt · 最終更新: 2015/09/22 14:38 by dgbadmin