设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> 心得技巧 >> Google Maps API 简易使用文件
精品推荐
心得技巧点击TOP10
·初学者入门:如何学习网页制作?
·网页自动转向代码
·Google Maps API 简易使用文件
·关于网页代码加密解密保护
·实现浏览器全屏窗口的几种方法
·用XML+JSP实现网页内容动态显示的方案
·网页屏蔽(左右键,代码等)的非JS方法
·javascript控制cookies及在跳出本页给出提示,是否放弃操作!
·网页设计之css+div PK table+css
·DIV CSS打造背景图片超级翻转网页导航菜单
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

Google Maps API 简易使用文件

作者: 来源:http://www.xgdown.com/ 时间:2006-9-19 22:15:32

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_R83DoQvDaRjoUU
cz5SOzE95uxQPI9Bh8GLJN8gz2X_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 等浏览器则无此困扰。

其它资源

共8页 9 7 [1] [2] [3] [4] [5] [6] [7] [88 :>

Google Maps API 简易使用文件 相关文章:
Google Maps API 简易使用文件 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com