如何使用地址栏居中和缩放Google地图

时间:2012-10-23 22:23:11

标签: google-maps google-maps-api-3

我有一个生成Google地图的页面。我希望能够使用地址栏来更改缩放和中心点。 E. g。:

www.example.com/mymap?zoom=10&center=10,15
www.example.com/mymap?zoom=10&lat=10&lng=15

我记得有一个类似的组合有效,但现在我无法得到任何结果。

这是我的功能:

function initialize() {
// create the map
var myOptions = {
zoom: 5,
center: new google.maps.LatLng(10,15),
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(8, 12),
new google.maps.LatLng(12, 18));

var options = {
bounds: defaultBounds
};

google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});

var infowindow = new google.maps.InfoWindow(
{ size: new google.maps.Size(150,50)});

1 个答案:

答案 0 :(得分:1)