javascript:google-mapper-v3
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
javascript:google-mapper-v3 [2011/11/08 23:00] – [サンプル] dgbadmin | javascript:google-mapper-v3 [2015/09/22 14:38] (現在) – [ソースコード] 0.7.1 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: | ||
| | ||
| | ||
- | | + | |
- | | + | |
| | ||
* | * | ||
| | ||
- | | + | |
- | | + | |
*/ | */ | ||
var GoogleMapper = { | var GoogleMapper = { | ||
行 208: | 行 217: | ||
| | ||
| | ||
- | | + | |
- | * | + | |
- | | + | |
- | | + | |
*/ | */ | ||
GoogleMapper.show = function(mapId, | GoogleMapper.show = function(mapId, | ||
行 245: | 行 251: | ||
* | * | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.addMarker = function(lat, | GoogleMapper.addMarker = function(lat, | ||
行 278: | 行 284: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.addColorMarker = function(lat, | GoogleMapper.addColorMarker = function(lat, | ||
行 305: | 行 311: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.addBubbleMarker = function(lat, | GoogleMapper.addBubbleMarker = function(lat, | ||
行 452: | 行 458: | ||
} | } | ||
}); | }); | ||
+ | }; | ||
+ | /** | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | */ | ||
+ | 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; | ||
}; | }; | ||
/** | /** | ||
行 466: | 行 495: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.search = function(keywords, | GoogleMapper.search = function(keywords, | ||
行 509: | 行 538: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.searchByLatLng = function(latLng, | GoogleMapper.searchByLatLng = function(latLng, | ||
行 622: | 行 651: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.showPlaces = function(iconSize) { | GoogleMapper.showPlaces = function(iconSize) { | ||
行 688: | 行 717: | ||
| | ||
| | ||
- | | + | |
*/ | */ | ||
GoogleMapper.showAds = function(pubId, | GoogleMapper.showAds = function(pubId, | ||
行 797: | 行 826: | ||
// | // | ||
- | | + | var tokyo = GoogleMapper.addMarker(35.7, |
- | | + | |
// | // | ||
GoogleMapper.openMarkerWindow(tokyo); | GoogleMapper.openMarkerWindow(tokyo); |
javascript/google-mapper-v3.1320760823.txt.gz · 最終更新: 2011/11/08 23:00 by dgbadmin