本站已关停,现有内容仅作科研等非赢利用途使用。特此声明。
查看: 12756|回复: 3
打印 上一主题 下一主题

谷歌地图中文版的API应用代码 - 最新V3版本格式代码的演示

[复制链接]
跳转到指定楼层
1#
发表于 2012-10-27 18:19:12 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
大家好!

不知道是否有人注意到,新的Google Maps V3版本的格式,面向国内的中文版本的地图,不仅在调用地图资源时要明确使用ditu.google.cn (这一点相信大家都知道),还有一个新的语言选择的属性language=zh-CN,让你在代码中标明是要调用中国版本的地图资源,而不是国际版本。你的代码应该这样使用,就可以避免问题。 

下面我给大家提供以一个代码的演示,请你们看我这里所说的这个用选择语言的属性来明确调用中国版本的地图 - 注意我画出的重点代码。 你们可以直接copy 以下的代码,贴进NotePad,然后存到一个HTML文档,就可以用浏览器直接打开这个页面了,你会看到地图是国内版本的,地标都是中文的,地图中央是天安门广场和人民英雄纪念碑。 

谢谢! 

Bill

===>  copy 以下代码到NotePad 里,选择 HTML 文档格式, UTF-8 encoding,  然后直接用浏览器打开就可以看到地图了:  


<!DOCTYPE html>
<html>
  <head>
    <title>Google Maps JavaScript API v3 Example: Map Simple</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">

    <style> html, body, #map_canvas
    {
        margin: 0; padding: 0; height: 90%;
    }
    </style>

    <script src="http://ditu.google.cn/maps/api/js?language=zh-CN&sensor=false"></script>

    <script>
      var map;
      function initialize()
      {
        var mapOptions =
        {
          zoom: 15,
          center: new google.maps.LatLng(39.904675,116.398779),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>

  <body>
    <div id="map_canvas"></div>
  </body>

</html>



ChinaGDG.com
回复

使用道具 举报

2#
发表于 2012-11-3 21:35:15 | 只看该作者
这个好像就是今天演示的那个例子呀. 嘿嘿. 原来七天前就已经发出来了呀
ChinaGDG.com
回复 支持 反对

使用道具 举报

3#
发表于 2012-11-20 22:09:10 | 只看该作者
请问楼主,在android端能够调用ditu这个源么/
ChinaGDG.com
回复 支持 反对

使用道具 举报

4#
 楼主| 发表于 2012-11-22 07:49:08 | 只看该作者
Android上的地图是个比较复杂的问题:首先产品本身,也就是谷歌的移动产品包Google Mobile Service - GMS没有在国内正式发行,包括地图、Gmail、日历、Contact 等等。如果是由零售商装在手机或平板上的,都是盗版,地图是国际版本,因此有个地图坐标值和国内版本对得上的坐标精准问题。但是如果你用Android SDK开发的地图应用,坐标值是符合国内版本的,只是国内没有正式应用发行通道,所以任何采用Android SDK开发的地图客户端应用,只有去众多的第三方网上商城发布。

但是现在Android 上的浏览器已经在功能上与桌面的Chrome浏览器不相上下,对各种应用的支持可以重现桌面浏览器的显示。所以有关地图应用的开发,可以考虑开发基于网页的,在桌面计算机上可以通过普通浏览器显示国内版本的,就是用上面的方法,在Android移动设备上用Android中的Web View的API功能来显示网页上的地图内容。这样网页上的国内版本可以也在移动设备上显示。这样做的另外一个好处是只需要开发一次,在桌面和移动设备上都能看到同样的结果。

这是在理论上至少可以这样做。实际运行时,Web View的API功能来显示网页上的地图内容是否有速度性能上的问题,这个我还不太清楚。大家可以尝试一下。有实际问题我们可以去问Android 团队的工程师们...

谢谢!

Bill

  
ChinaGDG.com
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表