Google Maps API 简易使用文件(4) </head><body> <div id="mymap" style="width: 300px; height: 300px"></div> <script type="text/javascript"> //<![CDATA[ var map = new GMap(document.getElementById("mymap")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.centerAndZoom(new GPoint(135.758486, 34.985320), 3); var KyotoStation = new GMarker (new GPoint (135.761404, 34.982823)); map.addOverlay (KyotoStation); //]]> </script></html>看范例所呈现的结果我在这个范例中设立了一个 Marker 标示出京都车站的位置,京都车站经纬度取得的方式如前面所述,最重要的是要新增加一个 GMarker 对象,并将此 Marker 对象加入到 map 对象中。你也可以在地图上标示好几的 Marker,甚至可以用自订的 icon 来标示。
Info Window除了标示地点外,你也可以在 Marker 上显示额外的信息。 <!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><script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBQ5_R83DoQvDaRjoUUcz5SOzE95uxQPI9Bh8GLJN8gz2X_Ib6OP9qcsVQ" type="text/javascript"></script></head><body> <div id="mymap" style="width: 300px; height: 300px"></div> <script type="text/javascript"> //<![CDATA[ var map = new GMap(document.getElementById("mymap")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.centerAndZoom(new GPoint(135.758486, 34.985320), 3);