所做的网页需要有百度地图的功能。
于是引用了百度地图,但是在初始化地图的时候遇到了一个问题。
初始化的地图中心点不正确。所标记的定位如果是第一次加载的话,定位是正确的。
但如果没有清缓存就进行第二次加载的话,这个定位一开始虽然是在地图的最中间,但是由于初始定位不正确,一开始标记的定位也不正确,但是当你拖动地图,或者将地图放大缩小时,你才发现标记的定位又会回到所需要的正确定位。
初始化地图的中心在我所预想的定位的左下方。上网上查了一下,大多数的问题都是标记初始化在视图左上方(0,0)处。跟我的问题不符合。
他们所说的dom问题,也不存在。
最后师姐给了我一个建议,使用异步操作。最后终于成功了。
在初始化地图的时候,point直接换成城市名字,就是正常的初始化地图,那么便是point的错误。
代码如下:
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(120.377841,30.3099);
setTimeout(function () {
// f1的任务代码
map.centerAndZoom(point, 15);
console.log(point)
map.enableScrollWheelZoom(true);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
var opts = {
width : 200, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "杭州轨物科技有限公司" , // 信息窗口标题
enableMessage:true,//设置允许信息窗发送短息
}
var infoWindow = new BMap.InfoWindow("地址:地址", opts); // 创建信息窗口对象
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow,point); //开启信息窗口
});
}, 1000);
</script>