uniapp map标记点上显示
时间: 2023-09-03 10:07:01 浏览: 182
uniapp_map组件
5星 · 资源好评率100%
您可以使用uniapp的map组件和marker标记点来显示标记点。
1. 在template中添加map组件:
```
<template>
<view>
<map :longitude="longitude" :latitude="latitude" :markers="markers" style="width: 100%; height: 100%;"></map>
</view>
</template>
```
2. 在data中定义map的经度、纬度和markers数组:
```
<script>
export default {
data() {
return {
longitude: 113.324520,
latitude: 23.099994,
markers: [{
id: 1,
longitude: 113.324520,
latitude: 23.099994,
title: 'Marker1',
iconPath: '/static/img/marker.png',
width: 30,
height: 30
}]
}
}
}
</script>
```
3. 在markers数组中定义标记点的属性,包括经度、纬度、标题、图标路径、图标宽度和高度等。
4. 运行程序,即可在地图上显示标记点。
注意:需要在manifest.json文件中添加地图SDK的权限和key。
阅读全文