google-maps - Googleマップは、地図の緯度、経度、ズームでURLを動的に更新する方法は?

Question

ここのようにどのように行うことができますか：

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

地図を移動してズームするたびに、URL が動的に更新されます。

ありがとう

Answer 1

難しいことではありません。マップの -event を観察し、bounds_changedそれが発火したときにマップ プロパティを取得し、それらをロケーション オブジェクトのハッシュ プロパティに割り当てます。

    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();

    });