谷歌地图如何使用地图lat,long和zoom动态更新网址?

时间:2013-04-12 13:14:27

标签: google-maps

如何在这里完成:

http://www.360cities.net/map#lat=-25.87899&lng=-42.45117&zoom=4

每当我们移动并放大地图时,网址都会动态更新。

由于

1 个答案:

答案 0 :(得分:2)

这并不困难,观察地图的bounds_changed - 事件以及它何时触发检索地图属性并将它们分配给location-object的hash-property:

    google.maps.event.addListener(map, 'bounds_changed',function(){
      location.hash='lat='+this.getCenter().lat().toFixed(6)+
                    '&lng='+this.getCenter().lng().toFixed(6)+
                    '&zoom='+this.getZoom();

    });