Google maps 如何在wordpress中提高Google地图的缩放级别
下面是我编写的代码,通过提供纬度和经度向google地图添加标记。问题是我没有得到谷歌地图的缩放。我已尝试将缩放级别设置为12,但这对关闭的贴图没有影响Google maps 如何在wordpress中提高Google地图的缩放级别,google-maps,latitude-longitude,Google Maps,Latitude Longitude,下面是我编写的代码,通过提供纬度和经度向google地图添加标记。问题是我没有得到谷歌地图的缩放。我已尝试将缩放级别设置为12,但这对关闭的贴图没有影响 <script type="text/javascript"> var lat = 49.892231; var lng = -97.132530; var zoomLevel = 12; var allMarkers = []; var curMarkerInder = 0; var site_url = "<?ph
<script type="text/javascript">
var lat = 49.892231;
var lng = -97.132530;
var zoomLevel = 12;
var allMarkers = [];
var curMarkerInder = 0;
var site_url = "<?php echo bloginfo('stylesheet_directory') ?>";
var map_left = 270;
var map_top = 234;
var bounds ;
function open_window(markerId){
GEvent.trigger(allMarkers[markerId-1],"click");
}
if (latLangs.length > 0){
var mapOptions = {
center: new google.maps.LatLng(lat, lng),
zoom: zoomLevel,
scrollwheel: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"),
mapOptions);
bounds = new google.maps.LatLngBounds();
}else{
$("#map").remove();
}
function markeradd(lat,lng,content){
var image = site_url + "/images/red.png"
var markerOptions = {
map: map,
icon: image,
position: new google.maps.LatLng(lat,lng)
};
var marker = new google.maps.Marker(markerOptions);
var content = content;
google.maps.event.addListener(marker, 'click', function(e) {
var infobox = new SmartInfoWindow({
position: marker.getPosition(),
map: map,
content: content
});
});
var myLatLng = new google.maps.LatLng(lat,lng);
bounds.extend(myLatLng);
//map.setCenter(myLatLng);
//map.setZoom(zoomLevel);
}
jQuery(document).ready(function($) {
function createMarker(point,html,i) {
var image = site_url + "/images/red.png"
var Icon = new GIcon();
Icon.image = image;
Icon.iconSize = new GSize(30, 52);
Icon.shadowSize = new GSize(36, 34);
Icon.iconAnchor = new GPoint(5, 34);
Icon.infoWindowAnchor = new GPoint(5, 2);
Icon.infoShadowAnchor = new GPoint(14, 25);
opts = {
"icon": Icon,
"labelText": "A",
"labelOffset": new GSize(-6, -10),
"clickable": true
};
var marker = new GMarker(point,opts);
allMarkers[i] = marker;
marker.hide();
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
last_marker = marker;
});
return marker;
}
for(var i=0; i < latLangs.length; i++) {
markeradd(latLangs[i]['lat'],latLangs[i]['lng'],latLangs[i]['address']);
}
map.fitBounds(bounds);
$("#menu-item-3122").addClass('current_page_item');
$("#menu-item-3123").addClass('current_page_item');
});
</script>
var lat=49.892231;
var lng=-97.132530;
var zoomLevel=12;
var-allMarkers=[];
var curMarkerInder=0;
var site_url=“”;
var map_左=270;
var map_top=234;
var界;
函数打开窗口(markerId){
触发器(所有标记[markerId-1],“单击”);
}
如果(latLangs.length>0){
变量映射选项={
中心:新google.maps.LatLng(lat,lng),
zoom:zoomLevel,
滚轮:错误,
可拖动:错误,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map”),
地图选项);
bounds=新的google.maps.LatLngBounds();
}否则{
$(“#映射”).remove();
}
功能标记ADD(lat、lng、含量){
var image=site_url+“/images/red.png”
变量标记选项={
地图:地图,
图标:图像,
职位:新google.maps.LatLng(lat,lng)
};
var marker=新的google.maps.marker(markerOptions);
var内容=内容;
google.maps.event.addListener(标记,'click',函数(e){
var infobox=新的SmartInfoWindow({
位置:marker.getPosition(),
地图:地图,
内容:内容
});
});
var mylatng=new google.maps.LatLng(lat,lng);
扩展(myLatLng);
//地图设置中心(myLatLng);
//map.setZoom(zoomLevel);
}
jQuery(文档).ready(函数($){
函数createMarker(点、html、i){
var image=site_url+“/images/red.png”
var Icon=new GIcon();
Icon.image=图像;
Icon.iconSize=新的GSize(30,52);
Icon.shadowSize=新的GSize(36,34);
Icon.iconAnchor=新的GPoint(5,34);
Icon.infoWindowAnchor=新的GPoint(5,2);
Icon.infoShadowAnchor=新的GPoint(14,25);
opts={
“图标”:图标,
“labelText”:“A”,
“标签偏移”:新的GSize(-6,-10),
“可点击”:真
};
var标记=新的GMarker(点,选项);
所有标记[i]=标记;
marker.hide();
addListener(标记“单击”,函数(){
marker.openInfoWindowHtml(html);
最后一个标记=标记;
});
返回标记;
}
对于(变量i=0;i
如何提高这种情况下的缩放级别?
请给我任何建议…地图正在缩放以适应标记,如此处编码所示:
map.fitbunds(bounds)代码>
要阻止这种情况发生,请删除该行 地图是否未按编码方式缩放以适应标记(map.fitBounds(bounds);
)?如果是这种情况,您可以通过删除该行来防止它更改缩放级别。谢谢…我的问题解决了。:)