百度地图加标注链接跳转三方 电脑打开 可以跳转 手机打开 就不能跳转怎么解决
发布日期:2022-03-09 00:49:11 浏览次数:17 分类:技术文章

本文共 2342 字,大约阅读时间需要 7 分钟。

怎么修改一下代码 能够使手机端 点击百度地图标注点也能跳转 720云 网址

   
    
    
     body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{width:100%;height:100%;}p{margin-left:5px; font-size:14px;}
     
      
       给多个点添加信息窗口
       
        

点击标注点,可查看由纯文本构成的简单型信息窗口

// 百度地图API功map = new BMap.Map("allmap");map.addControl(new BMap.NavigationControl());map.centerAndZoom(new BMap.Point(104.09109,30.663274), 19);var data_info = [[104.09109,30.663274,"玉林路",'https://720yun.com/t/e0vkzw1qgiy?scene_id=80977212'],[81.321337,31.070017,"冈仁波齐峰",' https://720yun.com/t/e9vkz9p77ih?scene_id=78820050'],[94.944433,29.619023,"雅鲁藏布大峡谷",'https://720yun.com/t/26vkz97hr7l?scene_id=78913467'],[-95.340413,29.717274,"休斯敦",'https://www.juwai.com/usproperty/r-165_c-3916/'],[-77.016705,38.889511,"华盛顿",'https://www.juwai.com/usproperty/r-130_c-25091/'],[-75.103386,39.945489,"费城",'https://www.juwai.com/usproperty/r-160_c-3882/'],[-87.147995,32.228673,"达拉斯",'https://www.juwai.com/usproperty/r-165_c-3910/'],[-117.066599,32.549667,"圣地亚哥",'https://www.juwai.com/usproperty/r-126_c-3670/'],[-71.045761,42.34072,"波斯顿",'https://www.juwai.com/usproperty/r-143_c-3787/'],[-122.30063,47.610844,"西雅图",'https://www.juwai.com/usproperty/r-168_c-3954/'],[-73.878945,40.793337,"纽约",'https://www.juwai.com/usproperty/r-154_c-3824/'],[-84.365404,33.652958,"亚特兰大",' https://www.juwai.com/usproperty/r-132_c-3747/'],[-122.43746,37.740829,"旧金山",'https://www.juwai.com/usproperty/r-126_c-3671/'],//["凤凰城",'https://www.juwai.com/usproperty/r-124_c-3601/']];var opts = {width : 150, // 信息窗口宽度height: 50, // 信息窗口高度title : "点击下方文字查看VR全景详情" , // 信息窗口标题enableMessage:true//设置允许信息窗发送短息b};for(var i=0;i '+ data_info[i][2] + ''map.addOverlay(marker); // 将标注添加到地图中addClickHandler(content,marker);}function addClickHandler(content,marker){marker.addEventListener("mouseover",function(e){openInfo(content,e)});}function openInfo(content,e){var p = e.target;var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);var infoWindow = new BMap.InfoWindow(content,opts); // 创建信息窗口对象map.openInfoWindow(infoWindow,point); //开启信息窗口} map.enableScrollWheelZoom();
 //开启鼠标滚轮缩放
var marker = new BMapGL.Marker(point);
// 创建标注
map.addOverlay(marker);
 // 将标注添加到地图中
marker.enableDragging();
marker.addEventListener("dragend",function(e){
   alert("当前位置:"+e.point.lng+","+e.point.piont.lat);
})

转载地址:https://blog.csdn.net/m0_56950268/article/details/120530917 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:js+jquery实现简单的tap切换
下一篇:java幂等性处理

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2023年01月26日 08时00分58秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章