首页 > 编程知识 正文

百度地图的离线地图怎么用(vue baidu map 中文文档)

时间:2023-05-05 21:27:02 阅读:67606 作者:4089

最近,使用百度离线地图做项目,痛苦了很久。 我在这里和大家分享。 我参考了这位大神的做法。 https://blog.csdn.net/xfxf 996/article/details/81225330

在下载瓷砖图像之前下载的地图瓷砖图像有水印。 这个没有水印。 链接:https://pan.Baidu.com/s/1y5nbwsybwtctjjx 26 sssaa提取代码: 1s8z

演示demo链接:https://pan.Baidu.com/s/1rk1k6bcp z K9 cpjqhf-dapg提取代码: 2ciq下载后的结构如下:

! doctypehtmlhtmlheadmetaname=' viewport ' content=' initial-scale=1.0,user-scalable=no '/meta http-equiv=' cccuiv world/titlestyletype=' text/CSS ' html { height 3360100 % } body { height 3360100 %; margin: 0px; padding: 0px } .BMap_cpyCtrl, anchorBL { display: none; } # container { height :100 % }/style script type=' text/JavaScript ' src=' map _ load.js '/script/headbodydiv //格式varmap=newbmap.map(container ) ) var point=new bmap.point (102.83815,24.884652 ); //创建点坐标varmarker=newbmap.marker(point )//创建标记map.addOverlay(Marker )//将标记添加到地图的map.center //初始化地图并设置中心点坐标和地图级别//地图类型控制map.add control (new bmap.maptype control ) {maptypes:[//地图类型//bmap //设定地图显示的城市本项目必须设定的map.enablescrollwheelzoom(true ); 打开//鼠标滚轮缩放//vardata _ info=[ 102.83815,24.884652,'地址:昆明市政府' ],//[ 102.83815,24.884652,'地址:昆明市政府//var opts={ //width : 250,//信息窗口宽度//height: 80,//信息窗口高度//title : '信息窗口',//信息窗口标题//idata_info.length; I ()/varmarker=newbmap.marker ) newbmap.point(data_info[I][0],data_info[I] ) () ) ) //map.addOverlay(marker ); //向地图添加标记//addclickhandler(content,marker ); //function (eaddclickhandler (content,marker )//marker.addeventlistener ) ' click ',function ) e )//openction //var point=new bmap.point (p.getposition ).lng,p.get position ).lat ); //varinfowindow=new bmap.info window (content,opts ); //创建信息窗口对象//map.openinfowindow (info window,point ); //打开信息窗口//} var opts={ width: 200,//信息窗口宽度height: 100,//信息窗口高度title: '政府',//信息窗口标题enablle //允许在消息窗口中发送短消息的设置(varinfowindow=new bmap.info window )地址:云南省昆明市政府(,opts ); //信息窗口对象marker.addeventlistener('click ',function ) (map.openinfowindow ) infowindow,point ); //打开信息窗口; 在/script/body/htmlvue上使用百度在线地图也踩了很多漏洞。

将地图的整个包导入静态/映射路径,并将以下代码写入页面的所需页面:

iframe src='/static/map/map.html ' frameborder='0' width=' 100 % ' height=' 100 % ' scrolling=' no '/ifra

好的,不用了。 你实现了吗?

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。