- 2007/03/10 23:30
- GoogleMaps
GoogleMapsAPI V2 -002
<!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"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>MAP TEST-2</title>
<style type="text/css">
v\:* {behavior:url(#default#VML);}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&hl=ja&key=所得キー" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load () {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl(),new GControlPosition(G_ANCHOR_BOTTOM_RIGHT));
map.setCenter(new GLatLng(34.97467404257948, 139.09226775169372), 16);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 600px"></div>
</body>
</html>
実際の表示はこちら (o>▽<)つ http://izuito.net/_test/maptest2.htm
xmlns:v="urn:schemas-microsoft-com:vml"
v\:* {behavior:url(#default#VML);}
この二箇所は… 正直… 意味わかってません。orz
一応、GoogleMapsHacksによるとブラウザ間の互換性を保つためだそうです…
勉強不足だオレ。 orz
つか、HTMLだのXHTMLだのXMLだのUMLだのVMLだの…
( -。-)スゥーーー・・・ (ｏ＞ロ<)ｏ＜ 俺はアルファベット見ただけで異が痛むんだぁ～
と逆ギレしてみる。 (ﾟ▽ﾟ*)
・map.addControl(new GMapTypeControl());
・map.addControl(new GLargeMapControl());
・map.addControl(new GOverviewMapControl(),
new GControlPosition(G_ANCHOR_BOTTOM_RIGHT));
は、上から
・「地図」「航空写真」「地図+写真」のボタン表示
・画面、移動・拡大用ボタン・スライダ表示
・広域地図の表示
の設定です。
「GLargeMapControl」を「GSmallMapControl」にすれば、一回り小さな移動・拡大用ボタンとなり、
「G_ANCHOR_BOTTOM_RIGHT」のBOTTOMをTOP、RIGHTをLEFTにすれば
表示位置の変更ができます。
それにしても…
つくづく痛感するのはJavaScriptの勉強不足。
「ブラウザの設定で無効化されたら意味無いじゃん。」
と、勉強を疎かにした報いですね。
（広く浅くの勉強+独学なので…）
で、もっと痛感するのは英語力の無さ。
（だからといって日本語力が有る訳でも無し）
il||li ＿|￣|○ il||li
昔、日本語でプログラムが書けるってパソコン（おもちゃ？）があったっけ… ( ´д｀)トオイメ