Google Maps API と Yahoo!地図API


地図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 マップ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です