怎么修改一下代码 能够使手机端 点击百度地图标注点也能跳转 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>

百度地图加标注链接跳转三方 电脑打开 可以跳转 手机打开 就不能跳转怎么解决相关推荐

  1. 华为手机android7.0应用中百度地图加载不出来解析包时出现问题

    第一次写博客,写的不好请各路大神多多海涵. 之前写的app在华为手机上出现了问题,android版本是7.0.据统计,android7.0和7.1的市场份额分别是:安卓7.0的份额为0.5%,安卓7. ...

  2. cesium加载百度地图_Cesium专栏-百度地图加载(附源码下载)

    Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品.它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以 ...

  3. 百度easydl数据标注

    一/ 百度easydl数据标注 脚本 1 官方标注工具,链接如下,由lableme改进而形成 GitHub - Baidu-AIP/Easyyibiao 2 官网数据导入格式三种分别为: 布局如图所示 ...

  4. 利用百度EasyData智能标注并下载方法

    本案例是由于github大神团队的yoloV5做实验,愁于标注数据集需要花费很多时间. 巧用百度的智能标注服务标注数据. 百度在线标注:https://ai.baidu.com/easydl/app/ ...

  5. 解决百度网盘(百度云)分享链接不存在失效、分享的文件已经被取消的问题

    解决百度网盘(百度云)分享链接不存在失效.分享的文件已经被取消的问题 参考文章: (1)解决百度网盘(百度云)分享链接不存在失效.分享的文件已经被取消的问题 (2)https://www.cnblog ...

  6. 在HTML打开已安装的App,未安装跳转到对应的下载链接

    借鉴  HTML中判断手机是否安装某APP,跳转或下载该应用 function lookApp () {var ua = navigator.userAgentvar isAndroid = /(An ...

  7. 基于JDBC从数据库中读取数据,在百度地图批量标注地点

    基于JDBC从数据库中读取数据,在百度地图批量标注地点 一.相关技术 JSP,JDBC,JSON,JS,百度地图API 二.基于JDBC从数据库读取数据 见"JSP基于JDBC操作MSSQL ...

  8. 百度地图加载过慢问题

    参考百度的建议: 常见问题7.标注过多时,地图在IE中速度会下降,尤其是IE6.如何解决? 回复: 标注数据量请控制在150个以内,以保持高性能. 标注数量在260以内,可以使用自定义覆盖物实现. 标 ...

  9. ubuntu(17):ubuntu下wps缺失字体百度网盘永久链接与安装方法

    1 百度网盘永久链接 自己的网盘,童叟无欺 链接:https://pan.baidu.com/s/1nTG-jlHVsUcqqLiNOF-b9A 提取码:bite 2 字体安装方法: 整个过程如下图: ...

最新文章

  1. 学AI哪家强?清华全球第1,Top5中有这3所中国高校
  2. 传说中的CAFEBABE到底在哪儿?
  3. QT4使用HDF5 类型错误
  4. hi3531交叉编译环境arm-hisiv100nptl-linux搭建过程
  5. Linux系统查看华为存储型号,linux 查看服务器存储
  6. java执行 scp_Java执行SSH/SCP之JSch
  7. 【学习随笔】iquery初涉
  8. poj 1753 Flip Game 高斯消元 异或方程组 求最值
  9. eclipse sdk 无法更新
  10. 毕设周记——确定选题
  11. 01 牛顿迭代公式
  12. JS this指向总结
  13. C++解压zip压缩文件
  14. js 移动端 下载 doc文件
  15. 双基因突变患者_宁夏发现世界首例双基因突变病例 患者矮小
  16. 使用公众号快速申请小程序的流程
  17. Spring_AOP(execution表达式)
  18. 中国房价下跌序幕刚刚拉开
  19. 【干货】好看小视频去水印软件使用介绍
  20. 搜狗拼音输入法 打不了中文

热门文章

  1. 二维码生成工具:zxing
  2. ultraiso刻录U盘启动盘下载安装Ubuntu18.04系统
  3. Autodesk infraworks 开发资料
  4. 物联网控制期末复习5:模糊控制
  5. 小学六年级下册计算机计划,小学六年级科学下册教学计划
  6. 详解PHP fsockopen的使用方法
  7. Python使用turtle库 描绘小猪佩奇
  8. 华为:自动驾驶网络是其通信网络2030的核心战略
  9. 自适应变异引用(AWR)方法(an adaptive warped reference (AWR) method )
  10. centos和ubuntu分别如何配置dhcp网络