<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=l0wLeYvRbZznQGtjVonvdNhv"></script>
HTMl:
<p class="map" οnclick="lookMap('113.648493,34.805288', '郑州汉庭酒店公寓', '郑州', '河南省郑州市金水区东风路与天明路西', '17737182581','20')"><i class="iconfont icon-chengshi"></i>查看地图</p>
<div id="allmap"></div>
JS:
function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, zoom) {
var arrzuobiao = zuobiao.split(',');
var map = new BMap.Map("allmap");
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
map.addControl(new BMap.NavigationControl());
var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
map.addOverlay(marker);
var infoWindow = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">' + name + '</p><p>地址:' + addrsee + '</p><p>电话:' + phone + '</p><p>电话:' + chuanzhen + '</p>');
marker.addEventListener("click", function () {
this.openInfoWindow(infoWindow);
});
marker.openInfoWindow(infoWindow);
}
var loc;
var isMapInit = false;
//监听定位组件的message事件
window.addEventListener('message', function(event) {
loc = event.data; // 接收位置信息
//console.log('location', loc);
if(loc && loc.module == 'geolocation') { //定位成功,防止其他应用也会向该页面post信息,需判断module是否为'geolocation'
var markUrl = 'https://apis.map.qq.com/tools/poimarker' +
'?marker=coord:' + loc.lat + ',' + loc.lng +
';title:我的位置;addr:' + (loc.addr || loc.city) +
'&key=sXQKAYhou5AeabqyRejE4L5PvCuM4jlH&referer=my';
//给位置展示组件赋值
var lng = loc.lng//经度
var lat = loc.lat //维度
// console.log(lng)
//ShowMap(''+lng+','+lat+'', 'dome', loc.city,'1388888888', '010-88888888', '20');
}else {
console.log('定位失败');
}
}, false);
function lookMap(_ip,_title,_city,_site,_phone,_num){
ShowMap(_ip,_title,_city,_site,_phone,_num);
$(".mapBox").css({visibility:'visible'})
}
function closeMap(){
$(".mapBox").css({visibility:'hidden'});
}