来源 http://jamesqi.com/%E5%8D%9A%E5%AE%A2/%E4%BD%BF%E7%94%A8%E6%96%B0%E7%89%88%E8%B0%B7%E6%AD%8C%E5%9C%B0%E5%9B%BEGoogle_Maps_JavaScript_API_V3%E9%81%87%E5%88%B0%E7%9A%84%E5%87%A0%E4%B8%AA%E9%97%AE%E9%A2%98
Google地图API确实是个好东西,我们很多网站上都嵌入了,一直用的是V2,虽然知道有了V3但也不想轻易改动,这次在做新网站的时候才准备实施,也遇到几个问题记录如下:
浏览器兼容性问题
原始例子代码如果前后有<div></div>包含的话,会在部分浏览器中无法显示,例如IE6、IE7中正常,但IE8和Chrome中看不到,同事一起折腾了好一阵子,算是搞好了,需要根据<!DOCTYPE html>标准在css代码中严格定义高度、宽度,并带有px的字样:
<div id="map_canvas" style="width:500px; height:400px">正在载入地图,请稍等...</div>
如果缺少了px或者使用的100%都有可能在部分浏览器中无法显示,这个小小的问题都花去好好多个小时!