百度地图加标注链接跳转三方 电脑打开 可以跳转 手机打开 就不能跳转怎么解决
怎么修改一下代码 能够使手机端 点击百度地图标注点也能跳转 720云 网址
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap{width:100%;height:100%;} p{margin-left:5px; font-size:14px;} </style> <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=webgl&ak=LnDrldwxV7Op63C27Hs4EXdkiggH3uSZ"></script> <script src="https://263mda2ycog.720yun.com"></script> <title>给多个点添加信息窗口</title> </head> <body> <div id="allmap"></div> <p>点击标注点,可查看由纯文本构成的简单型信息窗口</p> </body> </html> <script type="text/javascript"> // 百度地图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.length;i++){ var marker = new BMap.Marker(new BMap.Point(data_info[i][0],data_info[i][1])); // 创建标注 var content = data_info[i][2]; map.addOverlay(marker); // 将标注添加到地图中 addClickHandler(content,marker); //自定义图标 // for(var i=0;i<data_info.length;i++){ // var point = new BMap.Point(data_info[i][0],data_info[i][1]); // var icon = new BMap.Icon("https://www.juwaistatic.com/redstar/assets/images/logo-juwai.a302af13.png", new BMap.Size(30,30)); // var marker = new BMap.Marker(point, { // icon: icon, // }); // 创建标注 // var content = data_info[i][2]; var content = '<a href="'+ data_info[i][3] +'">'+ data_info[i][2] + '</a>' 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);})</script></script>
百度地图加标注链接跳转三方 电脑打开 可以跳转 手机打开 就不能跳转怎么解决相关推荐
- 华为手机android7.0应用中百度地图加载不出来解析包时出现问题
第一次写博客,写的不好请各路大神多多海涵. 之前写的app在华为手机上出现了问题,android版本是7.0.据统计,android7.0和7.1的市场份额分别是:安卓7.0的份额为0.5%,安卓7. ...
- cesium加载百度地图_Cesium专栏-百度地图加载(附源码下载)
Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以 ...
- 百度easydl数据标注
一/ 百度easydl数据标注 脚本 1 官方标注工具,链接如下,由lableme改进而形成 GitHub - Baidu-AIP/Easyyibiao 2 官网数据导入格式三种分别为: 布局如图所示 ...
- 利用百度EasyData智能标注并下载方法
本案例是由于github大神团队的yoloV5做实验,愁于标注数据集需要花费很多时间. 巧用百度的智能标注服务标注数据. 百度在线标注:https://ai.baidu.com/easydl/app/ ...
- 解决百度网盘(百度云)分享链接不存在失效、分享的文件已经被取消的问题
解决百度网盘(百度云)分享链接不存在失效.分享的文件已经被取消的问题 参考文章: (1)解决百度网盘(百度云)分享链接不存在失效.分享的文件已经被取消的问题 (2)https://www.cnblog ...
- 在HTML打开已安装的App,未安装跳转到对应的下载链接
借鉴 HTML中判断手机是否安装某APP,跳转或下载该应用 function lookApp () {var ua = navigator.userAgentvar isAndroid = /(An ...
- 基于JDBC从数据库中读取数据,在百度地图批量标注地点
基于JDBC从数据库中读取数据,在百度地图批量标注地点 一.相关技术 JSP,JDBC,JSON,JS,百度地图API 二.基于JDBC从数据库读取数据 见"JSP基于JDBC操作MSSQL ...
- 百度地图加载过慢问题
参考百度的建议: 常见问题7.标注过多时,地图在IE中速度会下降,尤其是IE6.如何解决? 回复: 标注数据量请控制在150个以内,以保持高性能. 标注数量在260以内,可以使用自定义覆盖物实现. 标 ...
- ubuntu(17):ubuntu下wps缺失字体百度网盘永久链接与安装方法
1 百度网盘永久链接 自己的网盘,童叟无欺 链接:https://pan.baidu.com/s/1nTG-jlHVsUcqqLiNOF-b9A 提取码:bite 2 字体安装方法: 整个过程如下图: ...
最新文章
- 学AI哪家强?清华全球第1,Top5中有这3所中国高校
- 传说中的CAFEBABE到底在哪儿?
- QT4使用HDF5 类型错误
- hi3531交叉编译环境arm-hisiv100nptl-linux搭建过程
- Linux系统查看华为存储型号,linux 查看服务器存储
- java执行 scp_Java执行SSH/SCP之JSch
- 【学习随笔】iquery初涉
- poj 1753 Flip Game 高斯消元 异或方程组 求最值
- eclipse sdk 无法更新
- 毕设周记——确定选题
- 01 牛顿迭代公式
- JS this指向总结
- C++解压zip压缩文件
- js 移动端 下载 doc文件
- 双基因突变患者_宁夏发现世界首例双基因突变病例 患者矮小
- 使用公众号快速申请小程序的流程
- Spring_AOP(execution表达式)
- 中国房价下跌序幕刚刚拉开
- 【干货】好看小视频去水印软件使用介绍
- 搜狗拼音输入法 打不了中文