jq .val()赋值失败_Jq实现百度地图定位

1e04bfbe1ca7d93646f9fb72a2597e14.png

<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'});

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值