Google Maps API 简易使用文件(3) <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(139.7600, 35.6700), 1); //]]> </script></html>看范例所呈现的结果Google Maps API 内建四种控件:GLargeMapControl : 适合给大型地图的控件。 GSmallMapControl : 适合给小型地图的控件。 GSmallZoomControl : 只有 Zoom Level 的调整,没有地图移动控制。 GMapTypeControl : 显示地图型态切换的控件。 至于要用什么控件,你可以依照你所提供的地图大小以及用途而定,每一种都试看看吧。
增加其它信息:Marker,InfoWindow 或是 PolylineGoogle Maps API 好玩的地方是在于我们可以在地图上面加很多东西,API 也提供一些基本的组件,包含你可以标示一个点,显示信息,甚至在地图上画线。 GMarker先看看下面这个范例: <!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>