<HTML>
<HEAD>
<title>Google Maps API 範例</title>
<!--CSS程式碼由此開始-->
<!--CSS程式碼到此結束-->
<!--改用你自己的 Google 地圖 Key -->
<script src="http://maps.google.com/maps?file=api&v=2&key=your key" type="text/javascript"></script>
<!--改用你自己的 Google 地圖 Key -->
</head>
<BODY bgcolor="#F7FFEF">
<center>
<!--決定 Google Map 顯示的位置大小-->
<div id="mymap" style="width: 500px; height: 500px"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("mymap"));
//設定要顯示的控制項
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
//決定 Google 地圖的中心點位置(十進位)和縮放大小
map.setCenter(new GLatLng(25.074689, 121.474640), 16);
//標記在 Google 地圖上的經緯度
var point = new GLatLng(25.074689, 121.474640);
var marker = new GMarker(point);
//在地圖上放置標點
map.addOverlay(marker);
//在此標記所要顯示的資訊
var html = "Title<br>新北市汐止五股高架段";
map.openInfoWindowHtml (map.getCenter(), html);
//]]>
</script>
</center>
</body>
</html>
留言列表
