谷歌地图完全放大
Google map Zoomed fully
嗨,在我的谷歌地图中,当地图加载时,我只画了一个标记。但地图被完全放大了,这真的很令人困惑。但当我画多个标记时,地图会正确居中并缩放到一定的水平。它如何克服这一点。我在绘图标记函数中有一个循环,因为我只得到一个有坐标的对象。当我从"标记"中得到多个对象时,地图会正确居中。但是当它只有一个对象要循环时。标记被绘制,但地图没有很好地居中和缩放(完全放大)
function drawMarkers(markerList) {
debugger;
var mapOptions = {
center: new google.maps.LatLng(-24.504710, 134.039231),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var currentLocation;
var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
var infoWindow = new google.maps.InfoWindow();
var lat_lng = new Array();
var latlngbounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
//if (markerList[i].Longitude > 0) {
var data = markerList[i]
var myLatlng = new google.maps.LatLng(data.Latitude, data.Longitude);
lat_lng.push(myLatlng);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.DriverName,
});
var driverCurrentLocation = document.getElementById('<%= hdfDriverCurrentLocation.ClientID %>').value;
latlngbounds.extend(marker.position);
//if (markerList[i].Longitude > 0) {
(function (marker, data) {
google.maps.event.addListener(marker, "click", function (e) {
debugger;
var lat = data.Latitude;
var lng = data.Longitude;
var latlng = new google.maps.LatLng(lat, lng);
var geocoder = geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'latLng': latlng }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[1]) {
currentLocation = results[1].formatted_address;
}
infoWindow.setContent('<div style="overflow: auto;width: 275px;">' +
'<div id="leftSideMainDiv" class="col25" style="padding-Left:0px; width:22%;">' +
'<div class="col100"><img src="../Images/DriverImages/driver_icon.jpg" height="60" width="60"/></div>' +
'</div>' +
'<div id="RightSideMainDiv" class="col75" style="width:72%;">' +
'<div class="col100" style="font-weight:bold; padding-top:0px; padding-left:0px; font-size:smaller;"> ' + data.DriverName + '</div>' +
'<div style="font-size:smaller; padding-top:15px;">Job Number :' + data.JobId + ' - ' + data.JobType + '</div>' +
'<div style="font-size:smaller;">Delivery Address :' + data.DeliveryAddress + '</div>' +
'<div style="font-size:smaller;">Current Location :' + currentLocation + '</div>' +
'<div style="font-size:smaller;">Last Update :' + data.LastUpdatedTime + '</div>' +
'</div>');
infoWindow.open(map, marker);
}
});
});
})(marker, data);
//}
}
//}
map.setCenter(latlngbounds.getCenter());
map.fitBounds(latlngbounds);
map.setZoom(5);
}
相关问题:如何在谷歌地图中设置缩放级别
如果你只有一个标记(markers.length==1),那么不要调用map.fitBounds()。更改:
map.setCenter(latlngbounds.getCenter());
map.fitBounds(latlngbounds);
map.setZoom(5);
收件人:
map.setCenter(latlngbounds.getCenter());
if (marker.length != 1) map.fitBounds(latlngbounds);
map.setZoom(5);
在地图初始化时设置缩放级别,此处缩放设置为5
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
google.maps.event.addDomListener(window, 'load', function () {
map.setZoom(5);
});
添加地图功能范围之外的地图变量
var map;
然后修改你的地图功能内的线-
map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
然后在调用地图函数drawMarkers(markerList)
后,您需要将缩放设置为-
$(document).ready(function(){
drawMarkers(markerList)
google.maps.event.addDomListener(window, 'load', function () {
map.setZoom(5);
});
});
如果有效,请告诉我!
相关文章:
- 谷歌地图完全放大
- 谷歌地图无法放大
- 加载、滚动、放大和缩小图像,如谷歌地图
- 谷歌地图点击事件地点标记,但可以't放大dlbclick事件
- 放大时增加自定义标记的大小?使用谷歌地图和GeoJSON
- 谷歌地图区域中的自定义叠加层单击然后放大
- 禁用使用 JavaScript 在谷歌地图中捏合和放大
- 如何在 html 中的谷歌地图中默认放大
- 禁用谷歌地图的“放大”功能
- 自动设置中心和放大谷歌地图API
- 谷歌地图没有放大,标记没有显示在页面加载上
- 放大谷歌地图标记
- 在谷歌地图中平滑放大和缩小
- 如何使用javascript放大谷歌地图
- 如何将谷歌地图中的放大/缩小限制为给定的指定值
- 当在谷歌地图上放大和缩小时,图像会自我复制
- 甚至放大&奇怪的缩放谷歌地图
- 当放大谷歌地图时,多边形颜色重叠
- 谷歌地图:放大/缩小与平移到特定点,如maps.google.com上下文菜单
- 我没有'我不希望我的谷歌地图在用户放大后放大到一定程度