amap 我们一起 高德
vue使用高德地图的一些知识和采坑经验分享
xiaoheisboy
和大佬们共同成长 ⛽⛽⛽ !
只说干货,不做标题党!不做标题党!不做标题党!
展开
-
手动打点 点击地图打点 获取位置信息
手动打点 点击地图打点 获取位置信息html <point-map ref="pointMap" style="width: 62.8% ;height: 350px"/> // 组件方式引入 import (前文有讲)页面初始化完成后增加方法 (地图加载完成)js let that = this; // 手动打点 setTimeout(() => { this.$refs.pointMap.amapManager.on("click", function (e)原创 2021-08-16 14:53:35 · 384 阅读 · 0 评论 -
amap 获取 某地天气
amap 获取 某地天气weather() { let that = this; AMap.plugin(‘AMap.Weather’, function () { var weather = new AMap.Weather(); weather.getForecast(‘北京市’, function (err, data) { console.log(data); }); });},原创 2021-06-27 18:53:31 · 583 阅读 · 0 评论 -
vue+amap 高德 vue使用高德 vue使用amap
vue+amap 高德 vue使用高德 vue使用amap你需要一个自己的keyWeb服务API密钥 获取密钥获取指南: Web服务API密钥 获取`项目根目录下加入<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的密钥&plugin=AMap.MarkerClusterer"></script>接下来你的项目就可以使用amap高德地图了使用详情 请查看本级目录按需阅读原创 2021-04-27 20:07:37 · 437 阅读 · 0 评论 -
vue 使用 amap 创建地图
vue 使用 amap 创建地图为了方便,我使用的组件方式;方法也都在这里;后续不断完善和更新创建地图组件(过于简单不讲,不会的话去看文档学习吧,太基础了 o(╥﹏╥)o !)创建地图 首先需要一个块来存放地图 也就是 div + id <div id="pointMap"></div>· 为了限制大小样式(注:边框大小之类,地图内样式或地图上添加东西不在这!!) 我还加了一层<div class="map_con" :style="styleObj原创 2021-04-27 20:22:56 · 998 阅读 · 7 评论 -
amap 高德 地图打点 地图描点 描点居中 清除打点
amap 高德 地图打点 地图描点 描点居中 清除打点废话不多say 上代码????记得点赞哦 ????????大佬请看????添加描点// marker:null, 放到data里 存放打点位置 方便清除打点 seachPoint(lng, lat) { // 这里调用清除打点的方法 这样地图就会 只出现一个打点 let position = new AMap.LngLat(lng, lat); this.amapManager.setCenter(pos原创 2021-04-30 09:16:55 · 1688 阅读 · 0 评论 -
高德 输入框地点搜索 input 下拉框地点搜索 地图打点
高德 输入框地点搜索 input 下拉框地点搜索 地图打点废话不多say 上代码????记得点赞哦 ????????大佬请看????页面代码html<el-inputplaceholder="搜索或填写地址内容"v-model="address"id="search"@input="supervisorChangeList"@focus="supervisorChangeList"autocomplete="off"></el-input><原创 2021-05-14 20:12:12 · 1396 阅读 · 0 评论