跪求大神!网站百度地图数据总是回到原来的数据,我设置了只读不太好用,请求帮助
作者:互联网
</div> | |
<div class="layout bg-gray padding-big-top padding-big-bottom"> | |
<div class="container padding-big-top padding-big-bottom mapbox"> | |
<script type="text/javascript" src="/skin/js/map.js"></script> | |
<div style="width:100%;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div> | |
<script type="text/javascript"> | |
//创建和初始化地图函数: | |
function initMap(){ | |
createMap();//创建地图 | |
setMapEvent();//设置地图事件 | |
addMapControl();//向地图添加控件 | |
addMapOverlay();//向地图添加覆盖物 | |
} | |
function createMap(){ | |
map = new BMap.Map("map"); | |
map.centerAndZoom(new BMap.Point(115.575656,38.245656),16); | |
} | |
function setMapEvent(){ | |
map.enableScrollWheelZoom(); | |
map.enableKeyboard(); | |
map.enableDragging(); | |
map.enableDoubleClickZoom() | |
} | |
function addClickHandler(target,window){ | |
target.addEventListener("click",function(){ | |
target.openInfoWindow(window); | |
}); | |
} | |
function addMapOverlay(){ | |
var markers = [ | |
{content:"河北方海丝网13231806525",title:"河北方海丝网13231806525",imageOffset: {width:0,height:3},position:{lat:38.245656,lng:115.575656}} | |
]; | |
for(var index = 0; index < markers.length; index++ ){ | |
var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat); | |
var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{ | |
imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height) | |
})}); | |
var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)}); | |
var opts = { | |
width: 200, | |
title: markers[index].title, | |
enableMessage: false | |
}; | |
var infoWindow = new BMap.InfoWindow(markers[index].content,opts); | |
marker.setLabel(label); | |
addClickHandler(marker,infoWindow); | |
map.addOverlay(marker); | |
}; | |
} | |
//向地图添加控件 | |
function addMapControl(){ | |
var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); | |
scaleControl.setUnit(BMAP_UNIT_IMPERIAL); | |
map.addControl(scaleControl); | |
var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); | |
map.addControl(navControl); | |
var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true}); | |
map.addControl(overviewControl); | |
} | |
var map; | |
initMap(); | |
</script> | |
</div> | |
我只更改了经纬度的数据,可是他会自己跑回原来的位置请帮忙解决 |
标签:map,只读,index,markers,BMap,var,new,数据,跪求 来源: https://blog.csdn.net/wangshix/article/details/87890963