- 2007/03/09 22:46
- GoogleMaps
GoogleMapsAPI V2 -001
とりあえずソース
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MAP TEST</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=所得キー" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load () {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(34.97440093, 139.0924426), 16);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 600px"></div>
</body>
</html>
実際の表示はこちら (o>▽<)つ http://izuito.net/_test/maptest.htm
単純に地図を表示させるだけです。
V1との違いといえば…
・所得キー前の「v=1」を「v=2」へ
・var map = new 「GMap」を「GMap2」へ
・「map.centerAndZoom(new GPoint(X,Y), Z)」を
「map.setCenter(new GLatLng(Y,X), 17-Z)」へ
※X,Yが逆。Zが大きくなる程、拡大表示へ（V1は0で最大）
とりあえず気付いた点は、こんなところでしょうか？
といっても、片手間で確認した程度 & 勉強不足なのですが… orz