Question

我正在努力让Google Maps API响应元素点击并放大到特定区域。

例如。地图显示整个美国，我点击亚利桑那州，我希望地图放大整个亚利桑那州。然后我可以点击清除并重置地图或点击另一个州，佛罗里达州。并让它放大。

此外，这需要全球解决方案。我在欧洲，德国，俄罗斯，澳大利亚都有地区我也希望添加此功能。

感谢您的时间。

Answer 1

您可以使用Google Maps API v3地理编码服务缩放到它为states和countries

返回的视口

Answer 2

您可以定义坐标并使用缩放级别，然后将地图置于该坐标中心。

考虑这个脚本。

var zoomLevel = 18; //The higher the zoomLevel means zoom in at a higher resolution
var map;

var arizonaCoor = new google.maps.LatLng(39.739318, -89.266507);
var otherCoor = new google.maps.LatLng(49.733418, -30.234507);
var origCoor = new google.maps.LatLng(39.739318, -89.266507);

var mapOptions = {
center: origCoor,
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
            mapOptions);


function onArizonaClick(){
    map.setCenter(arizonaCoor, zoomLevel);

}
function onClear(){
    map.setCenter(origCoor, 5);
}

Google Maps API放大特定区域

2 个答案: