uniapp地图 |
您所在的位置：网站首页 › 高德地图添加定位点怎么添加 › uniapp地图 |
uniapp地图
|
前言：这篇文章讲述的是map标签的@tap点击地图事件;添加的标记点都是保存在markers数组里面,点击地图就会获取点击的位置的经纬度，然后在point里面追加了iconPath标记点的图标，之后使用了concat将点击地图的对象添加到markers数组里面就完成了点击地图显示标记点了。 uniapp地图-删除标记点 uniapp地图-标记点-多点连线 具体的也可以看看官网的介绍：https://uniapp.dcloud.io/component/map?id=map 最终效果-gif图片：
export default {
data() {
return {
maps: 1,
markers: []
}
},
methods: {
tapMap(e) {
var that = this;
var id = e.currentTarget.id;
var maps = uni.createMapContext(id, this).$getAppMap();
maps.onclick = function(point) {
console.log(point);
point.iconPath = '/static/btn_loc0.png';
that.markers = that.markers.concat(point);
uni.showToast({
title: '添加成功',
icon: 'none'
});
};
}
}
}
|
【本文地址】