- 2009年4月22日水曜日 00:42
- インターネット
地図APIについてメモ。
■ 地図の表示
<Google Maps API>
var map = new GMap2(document.getElementById(‘Map’));
map.setCenter(new GLatLng(lat, lon), zoom);
<Yahoo! API>
var ymap = new YahooMapsCtrl(“Map”, new YLLPoint(lat, lon), zoom);
■ 中心座標の取得
<Google Maps API>
var center = map.getCenter();
center.lng();
center.lat();
<Yahoo! API>
var center = ymap.gtCenter();
center.lat;
center.lon;
■ 中心座標の取得
<Google Maps API>
map.getZoom()
<Yahoo! API>
ymap.getCurrentLayer()
■ 角座標の取得
<Google Maps API>
var latlngbounds = map.getBounds();
var sw = latlngbounds.getSouthWest();
var ne = latlngbounds.getNorthEast();
var swlat = sw.lat;
var swlng = sw.lng;
var nelat = ne.lat;
var nelng = ne.lng;
<Yahoo! API>
var sw = ymap.getBottomLeft();
var ne = ymap.getTopRight();
var swlat = sw.lat;
var swlng = sw.lon;
var nelat = ne.lat;
var nelng = ne.lon;
■ マーカーの設定
<Google Maps API>
var point = new GPoint(lng,lat);
map.addOverlay(new GMarker(point));
<Yahoo! API>
var point = new YLLPoint(lat,lon);
ymap.addIcon(“icon” + i, point, popup, “L1″);
という感じ。Yahoo!地図APIはいつの間にかオリジナルアイコンも配置できるようになってたり、マップや航空写真が新しかったりと、かなり向上してるんですね。ただ、同じ縮尺のGoogleMapに比べると町域で色分けされていたり細い路地まで表示されてるので、用途によってはアイコンのデザインにはちょっと気を使う必要がありそうです。
Yahoo 地図
Google マップ
Similar Posts:
- 新しい: 武蔵小山駅前再開発工事進捗報告
- 古い: STELLARSTARS CAFE 武蔵小山
Facebook comments
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://www.ogaworks.com/archives/1567/trackback
- トラックバックの送信元リスト
- Google Maps API と Yahoo!地図API - ogaworks より
Kuat 2 Bike Black Chrome NV Rackを組み立ててみた
Kuat 2 Bike Black Chrome NV RackをAmazon.comで買ってみた
茅ヶ崎～足柄峠～籠坂峠～道志みち、ロングツーリング
KAWAI NO.750 グランドピアノの分解と梱包、そしてお引越し。
Amazon Web Service JAWS SUMMIT 2012に行ってきたメモ
2才と4才が楽しいお風呂タイム
東京マラソン2012に参加しました！
GARMIN Forerunner® 910XT で走ってみた！
GARMIN Forerunner® 910XT を買ってみた！
金魚の産卵！そしてふ化！