实时谷歌地图

时间:2010-08-23 08:38:41

标签: google-maps real-time

Google地图API专家您好,使用Google Map API开发实时动态地图的最佳(好)方法是什么?

示例:http://whrrl.com/

如果有人指出我朝着正确的方向前进,那将会非常有帮助。谢谢

4 个答案:

答案 0 :(得分:4)

只是要添加另一个示例供您查看,here是实时地图的源代码,显示伦敦地铁列车的位置。该网站可以在http://traintimes.org.uk:81/map/tube/?from=map;to=tube找到,但遗憾的是它已不再有效,因为伦敦交通局因需求量大而暂停其API服务。希望您可以从源代码中了解如何开发动态实时地图。

答案 1 :(得分:3)

最佳起点是Google Maps Javascript API。 Here is the documentation

你会在那里找到很多样本,但基本上只需几行javascript就可以将Google Maps对象与DOM中的元素相关联(map_canvas):

var latlng = new google.maps.LatLng(-34.397, 150.644);

var myOptions = {
  zoom: 8,
  center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

看看Whrrl正在做什么。他们正在根据系统中预先渲染的用户集更新他们的地图中心(并显示自定义弹出窗口)(如果您查看其主页的源,您可以在底部看到大量用户JSON)文件)。 This javascript在定时器上触发事件,将地图从一个位置平移到下一个位置。

答案 2 :(得分:1)

我找到了this最简单的解决方案。

答案 3 :(得分:0)

AJAX调用或Comet,以获取/接收通过的新地图数据。

看一下node.js:)