Google maps api 3 Google Maps V3存在地图始终居中且不允许缩放的问题
我的谷歌地图v3代码一直存在问题。它一直以一个点为中心,根本不让我缩放或真正玩地图。即使单击地图上的打印点,它也会快速调整到地图的中心。因此,基本上你可以缩放或使用地图上的绘图点。提前谢谢你的帮助 地点: 代码:Google maps api 3 Google Maps V3存在地图始终居中且不允许缩放的问题,google-maps-api-3,Google Maps Api 3,我的谷歌地图v3代码一直存在问题。它一直以一个点为中心,根本不让我缩放或真正玩地图。即使单击地图上的打印点,它也会快速调整到地图的中心。因此,基本上你可以缩放或使用地图上的绘图点。提前谢谢你的帮助 地点: 代码: $(document).ready(function(e) { initialize(); }); var map = null; var markersArray = []; var markers = []; var openedInfoWindow =""; var g
$(document).ready(function(e) {
initialize();
});
var map = null;
var markersArray = [];
var markers = [];
var openedInfoWindow ="";
var geocoder = new google.maps.Geocoder();
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("mapInfoManual"),
mapOptions);
addMarker();
}
function addMarker() {
var bounds = new google.maps.LatLngBounds();
for(i=0; i<markersArray.length; i++)
{
CodeAddress(markersArray[i]['address']);
}
setInterval(function()
{
for(i=0; i<markers.length; i++)
{
var point = new google.maps.LatLng(markers[i]['lat'], markers[i] ['lng']);
var marker = new google.maps.Marker({
position: point,
map: map
});
bounds.extend(point);
openInfoWindow(marker,markersArray[i]['address'])
}
map.fitBounds(bounds);
},1000);
}
// Address To Marker
function CodeAddress(address)
{
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
lat = results[0].geometry.location.lat();
lng = results[0].geometry.location.lng();
markers.push({
'lat':lat,
'lng':lng,
'address':address
});
}
});
}
//Info Window
function openInfoWindow(marker,content)
{
var infowindow = new google.maps.InfoWindow({
content: '<div><p style=" color: #000000; font-size: 11px;">'+content+'</p> </div>'
});
google.maps.event.addListener(marker, 'click', function() {
if(openedInfoWindow !="")
{
openedInfoWindow.close()
}
infowindow.open(map,marker);
openedInfoWindow = infowindow;
});
}
$(文档).ready(函数(e){
初始化();
});
var-map=null;
var-markersArray=[];
var标记=[];
var openedinfown=“”;
var geocoder=new google.maps.geocoder();
函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(-34.397150.644),
缩放:8,
动物控制:对,
ZoomControl选项:{
样式:google.maps.ZoomControlStyle.SMALL
},
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“MapInfo手动”),
地图选项);
addMarker();
}
函数addMarker(){
var bounds=new google.maps.LatLngBounds();
对于(i=0;i,问题是:
setInterval(function()
{
...
map.fitBounds(bounds);
},1000);
您每秒添加一个新标记,然后告诉地图适应它们的边界。这将重置缩放级别和视口。也许您打算使用setTimeout
?问题在于:
setInterval(function()
{
...
map.fitBounds(bounds);
},1000);
您每秒添加一个新标记,然后告诉地图适应它们的边界。这将重置缩放级别和视口。您可能想改为使用setTimeout