![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
地图(百度,高德,腾讯,vue-baidu-map)
文章平均质量分 69
会记录百度地图,高德地图,腾讯地图,vu-baidu-map的实际开发使用
-風过无痕
前端小卡拉米
展开
-
vue-内网,离线使用百度地图(地图瓦片图下载静态资源展示定位)
最近发现很多小伙伴都在问内网怎么使用百度地图,或者是断网情况下能使用百度地图吗后面经过一番研究,主要难点是,正常情况下我们是访问公网百度图片,数据,才能使用内网时访问不了百度地图资源时就会使用不了,如果我们能把我们需要数据下载到本地,自己访问自己,那这个问题就可以解决我们可以使用地图下载器下载我们需要的瓦片图数据,使用serve运行起来,这样内网和断网就可以使用了遗憾的是只能基本展示,定位。不能使用百度地图api-类,因为百度地图类和api都是通过http请求来实现的。原创 2023-12-21 21:39:33 · 6851 阅读 · 22 评论 -
uni-app 使用uni.getLocation获取经纬度配合腾讯地图api获取当前地址
最近在开发中需要根据经纬度获取当前位置信息,传递给后端,用来回显显示当前位置查阅uni-app文档,发现uni.getLocation () 可以获取到经纬度,但是在小程序环境没有地址信息思考怎么把经纬度换成地址,如果经纬度是key,那地址就是value,第三方地图就是数据库所以我们只要使用uni.getLocation ()获取经纬度配合地图api就可以解决这个需求报错一是因为微信小程序官方最近必须对相应api进行权限申请,询问用户。报错二是询问用户是否愿意获取当前位置信息。原创 2023-11-22 21:28:45 · 3518 阅读 · 0 评论 -
vue-百度地图自动获取定位
使用地图的项目中经常会出现定位问题,进入页面是需要一个地图中兴点默认值,来生成地图如果这个值写死,就会出现不管谁在任何地方使用这个系统位置是不会动的,用户体验不好其实百度地图是提供了这个api的,使用这个api就可以获取用户的经纬度这个api原理是根据你计算机的ip地址获取定位,网络原因会出次定位不准问题。这个api在别的浏览器(除谷歌之外)可能还有兼容问题,需要测试如果域名不是https每次使用还需要用户确认,取消的话他就不会调用了。原创 2023-07-20 22:00:51 · 1334 阅读 · 1 评论 -
vue-使用Baidu(百度地图)实现输入位置获取定位经纬度
开发中我们需要地图定位,就是用户输入位置,自动定位获取经纬度,传递给后端存在数据库找了一圈发现千篇一律,最后也是使用element的搜索输入款配合原生百度地图实现这个功能点击地图需要逆地址解析,输入地址时调用百度地图渲染在下拉框,选择传输地址,经纬度一般是在添加时加载地图,可能会因为网络原因加载地图实例失败,所以需要一直加载到实例在项目中工具文件形式引入,相当于创建了一个标签引入地图资源,挂在在全局上。原创 2023-07-20 21:58:45 · 2754 阅读 · 0 评论 -
uni-app 小程序使用腾讯地图完成搜索功能
使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下。我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用。由于uni-app内置地图就是腾讯,所以获取位置的api,uni.getLocation坐标不用转换,直接使用。高德地图原生sdk搜索,我用地点搜索,渲染结果。达到联想值效果,点击跳转。原创 2023-03-30 22:48:00 · 4699 阅读 · 8 评论 -
申请腾讯地图开发者key-小程序,webapi
这几天写小程序的时候要用到腾讯地图,记录一下。今天我们讲解的是腾讯地图申请key过程,方便大家日后有需要浏览腾讯地图一个应用可以申请3个key,每个key都有免费的使用api次数,用完只能加配额。原创 2023-03-29 22:37:15 · 3572 阅读 · 0 评论 -
申请百度地图开发者AK和基本使用
经过这一趟下来,你就可以快速的调用百度地图API,一些细节报错和网址就不用大海捞针的去搜索,还搜不到正确解决。这是博主亲生遇到的,希望对大家有所帮助原创 2022-11-29 22:04:29 · 11053 阅读 · 7 评论 -
Vue中 使用个性化地图样式
在实际开发中往往会遇到在做某一个功能时,不能使用白色的地图,这样达不到效果。其实百度API也想到了这一点,它也提供了个性化地图,在官网选择符合要求的地图样式发布,调用API在实际使用过程中我们要注意,应该在你引入的AK账号发布符合要求的个性化地图样式在Vue中给Vue-Baidu-Map加个性化样式的时候可能会因为版本问题报错但是我也查阅了很多资料下面会讲解报错和解决方案地图个性化样式也是有付费的,比如地图模板左上角有授权专用但也有免费的样式使用,也能满足要求百度地图官方文档官网。原创 2022-11-30 20:29:00 · 3184 阅读 · 0 评论 -
Vue中 Vue-Baidu-Map基本使用
使用Vue-Baidu-Map 在Vue中就可以快速高效的完成一些基本需求,不用每次要用的时候还要去百度搜索。原创 2022-11-29 22:35:25 · 17291 阅读 · 28 评论 -
Vue-baidu-map 动态刷新地图的方法
vue-baidu-map 是没有官方的刷新方法的,如果要在某个功能上实现刷新地图,我们可以使用v-if加开关思想加上侦听器,侦听这个标注数组来控制开关刷新比如我们是在地图上动态标注点位,点位是v-for,当便利的数组有数据就可以刷新地图,就可以实现标注。刚开始我是直接调用的handler ()方法,也可以实现标注,但是会因为没有实例对象报错。我的实际情况是点标注,在后续获取到故障信息的点位信息后,在地图给他按钮动态标注出来。原创 2023-01-02 17:35:30 · 2554 阅读 · 2 评论