Google Maps API 简易使用文件(7) </html>看范例所呈现的结果OK,这个范例要告诉你如何从京都车站搭公车到音羽山清水寺。我设定了一串的 GPoint 对象数组,每个点都是线条转折处,并利用此数组新增了一个 GPolyline 对象,并将这 polyline 加到地图中即可(你也可以自订 Polyline 的颜色及大小)。你或许还会注意到这个范例多了一些奇怪的东西,一个 namespace 以及一个 CSS style 设定,这是为了 IE 浏览器的兼容性而加的,关于这个稍后会再提到。
浏览器兼容性问题Google Maps API 基本上没有什么浏览器兼容性的问题,他支持的浏览器有:Firefox/Mozilla IE 5.5+ Safari 1.2+ Opera 除此外,你也可以利用 GBrowserIsCompatible() 函式来检查使用者的浏览器是否有兼容性上的问题。例如,你可以这样做: <!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[ if (GBrowserIsCompatible()) { var map = new GMap(document.getElementById("mymap")); map.centerAndZoom(new GPoint(139.7600, 35.6700), 1); } else { var map = document.getElementById ("mymap"); map.innerHTML = ""; map.innerHTML = "Sorry, 你的浏览器不支持 Google Maps"; } //]]> </script></html>看范例所呈现的结果
另外,如果你有用到 GPolyline 对象,为了能够在 IE 上也能够正确显示,你必须引用微软的 VML namespace 以及增加一个 CSS Style 来正确显示 VML,关于这个请参考:ASP?url=/workshop/author/VML/ref/appendix.asp">http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/appendix.asp,但是如果是只针对 Firefox/Mozilla 等浏览器则无此困扰。
其它资源