vue地图
文章平均质量分 65
vue在线地图、离线地图
山鬼taro
(有需要联系QQ:2423935339)如果一个人想做一件真正忠于内心的事,那么往往只能一个人去做
展开
-
vue使用百度离线地图时解决瓦片过大放入nginx的问题
这里离线地图的开发不再赘述,有需要的小伙伴可以参考我另一篇博客:离线地图教程一、为什么要将瓦片地图放进nginx图片太大,放在本地运行太慢,甚至直接挂了二、瓦片做nginx代理1、先下载nginx,进入conf文件夹,将nginx.conf配置修改如下:server中根据个人需要设置监听端口号server { listen 8030; server_name localhost;2、nginx中新建www文件夹,把地图文件夹tiles放进www中原创 2021-09-27 19:00:58 · 1869 阅读 · 0 评论 -
百度地图--圆形、矩形、多边形框选工具
以下代码可以贴进官方在线demo直接测试百度地图官方在线测试:https://lbsyun.baidu.com/jsdemo.htm#c2_2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user原创 2021-09-27 13:18:52 · 1838 阅读 · 0 评论 -
vue--百度地图之离线地图--大量标注点造成卡顿问题--海量点聚合性能优化
一、需求1、在线地图转离线地图:具体步骤可参照我上一篇博客2、离线地图上标注很多marker标记,拖动时造成卡顿,需要优化二、地图的引入、聚合点的使用1、如图:引入百度地图和其他相关插件(按需引入,这些百度地图官网上都可以下载到) <!-- 离线地图 --> //引入百度地图 <script type="text/javascript" src="./bmap-offline/map3.0_init.js"></script> <script原创 2021-01-26 13:56:08 · 3401 阅读 · 3 评论 -
vue--百度地图之离线地图
一、为什么有离线地图的存在项目要在局域网内使用,也就是我们所说的在内网中使用,无法连接外网,所以需要开发离线地图功能。(在看以下步骤前,先提示这个vue项目是vue-cli生成的)二、离线百度地图开发步骤其实理解了离线百度地图,它的使用很简单,就是把在线百度地图的一些js文件下载到本地,再引用一下就可以啦1、获取百度地图api的js代码访问此链接打开会看到以下内容在代码中找到红框中的内容src=http://api.map.baidu.com/getscript?v=3.0&ak原创 2020-08-03 15:56:16 · 7877 阅读 · 70 评论 -
vue--百度地图之在线地图
一、在百度官网获得自己的AK(密钥)1、获取AK地址:http://lbsyun.baidu.com/index.php?title=subway/guide/getkey2、获得自己的AK,拼接成百度地图apihttps://api.map.baidu.com/api?v=3.0&ak=这里填你自己的AK二、在VUE项目启动首页index.html的head中引入此接口三、vue中使用百度地图1、template中2、data中3、method中...原创 2020-08-03 15:54:53 · 1236 阅读 · 1 评论