高德地图api的学习
文章平均质量分 69
迷茫的Queteen
拒绝emo,一名不合格的giser
展开
-
Vue+高德地图API:地图事件
1 地图事件绑定用on,解除用off;2 高德地图api内置样式,类名为info为信息框,默认位置在右上角;类名为input-card为展示卡片,子类名字为input-item,默认位置在右下角;原创 2023-11-21 17:09:48 · 520 阅读 · 1 评论 -
Vue+高德地图API:坐标转换
地图容器像素坐标和平面像素的区别坐标系转换-坐标变换-进阶教程-地图 JS API 2.0|高德地图API (amap.com)地图容器坐标:真实世界中的地理位置是使用经纬度进行描述,然而当地图被抽象到浏览器的页面里时,真实的地址位置则需要转换为地图容器像素坐标,反之亦然。平面像素坐标:JS API 提供经纬度投影到平面地图像素坐标的转换接口, JS API 通过墨卡托投影,将球面坐标投影到平面平面坐标系上。原创 2023-11-19 19:48:45 · 466 阅读 · 0 评论 -
Vue+高德地图API:区域掩膜
1. map对象的mask属性一定要注意加载二维数组后面,数据格式要保证正确;2. 安全密钥很重要,否则无法获取地图的属性;3.mask.push([bounds[i]]) ,注意此处是二维数组。小唠嗑:感觉学到什么或者有什么想法就写博客,这样子会好点,要是学完一周再来看,真的很容易忘了自己学了啥,需要总结啥。欢迎大家交流!有问题或者建议可在评论区留言噢!干巴得。原创 2023-11-18 22:00:03 · 527 阅读 · 4 评论 -
在Vue3中引入高德地图API控件Control
1. 官网上的案例有些要引入js文件,可在vue项目中的public文件下创建index.html文件,引入如下代码,需要再加上;原创 2023-11-17 22:29:57 · 425 阅读 · 0 评论 -
vue3中调用高德地图开放api2.0
官网上显示必须配置安全密钥才可以使用,但在实际过程中不添加安全密钥,只使用key也可以正常加载。刚开始只能加载高德logo,而不能加载页面,后面发现是页面中心的精度不够,只写了小数点后一位,后面调试完就可以正常加载。使用vue cli脚手架加安全密钥的配置不会报错,若用vue+vite加载的会报错,还不懂什么原因。原创 2023-11-12 21:39:58 · 245 阅读 · 3 评论