一个引用百度地图api的位置定点的代码
此处需要设置一个百度地图的秘钥,百度地图链接地址http://lbsyun.baidu.com/apiconsole/key
修改地址可以通过给map_txt赋值
<!--地图-->
<div id="allmap" style="width: 1000px;height: 400px;"></div>
<!--地图-->
</body>
<script>
var map_txt="广州珠江新城";//地址
var map_pho=12367;//电话
var na="珠江新城高德置地";//店名
$('.map_box').css('display','block')
var map = new BMap.Map("allmap");
map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
var content = '<div style="margin:0;line-height:20px;padding:2px;">' + '地址:'+map_txt+'<br/>电话:'+map_pho+'<br/>' +
'</div>';
// 创建地址解析器实例
// 将地址解析结果显示在地图上,并调整地图视野
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(map_txt, function(point){
if (point) {
map.centerAndZoom(point,12);
console.log(map_txt);
console.log(point);
var marker = new BMap.Marker(point);
//创建检索信息窗口对象
var searchInfoWindow = null;
searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
title : na, //标题
width : 290, //宽度
height : 105, //高度
panel : "panel", //检索结果面板
enableAutoPan : true, //自动平移
searchTypes :[
BMAPLIB_TAB_SEARCH, //周边检索
BMAPLIB_TAB_TO_HERE, //到这里去
BMAPLIB_TAB_FROM_HERE //从这里出发
]
});
//创建marker对象
marker.enableDragging(); //marker可拖拽
marker.addEventListener("click", function(e){
searchInfoWindow.open(marker);
console.log(point)
console.log('aaaaa')
})
map.addOverlay(marker); //在地图中添加marker
return point;
}else{
alert("您选择地址没有解析到结果!");
}
});
</script>