点聚合的最重要的一个地方是在 markers 中添加 joinCluster = true 这个重要的属性,否则将无法开启点聚合功能。
其实在uniapp的官方文档里体现的不是那么清楚,但是在小程序文档提示的就相当清楚。
实现效果如下:
重点:需要编译在小程序开发工具中使用 “ 真机预览 ” 才可展示如图所示效果
1、使用地图组件
<template>
<map id="alarm_map" :markers="allMarkers" :show-location="true" :latitude="latitude" scale="18"></map>
</template>
2、页面中逻辑
import {
getApi } from "@/utils/common.js"
export default {
data() {
return {
latitude: 29.519418, // 纬度
longitude: 106.687094, // 经度
allMarkers: [] // 标记点
}
},
onReady() {
// 1.页面准备好后,获取到map组件的执行上下文。注意:这里是取的map的id属性
this<