Google Map MarkerCluster 点聚合使用简介

谷歌地图点聚合功能的实现,及参数设置

1.使用 NPM 安装最新版本的 @googlemaps/markerclusterer 库。

npm install @googlemaps/markerclusterer

2.在应用中添加标记聚类器

import { MarkerClusterer } from "@googlemaps/markerclusterer";

const markerCluster = new MarkerClusterer({ map, markers });

3.使用情况

import { MarkerClusterer,defaultOnClusterClickHandler } from "@googlemaps/markerclusterer";

let markerClusterer = null;
function initMap() {

//初始化地图
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 3,
    center: { lat: -28.024, lng: 140.887 },
  });
 
  const labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

  // 创建一个设置markers方法
  const setMarkers = (setmarkers) &

你可能感兴趣的:(javascript,前端,vue.js)