当前位置:   article > 正文

Google Map MarkerCluster 点聚合使用简介_markerclusterer

markerclusterer

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

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) &

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/234876
推荐阅读
相关标签
  

闽ICP备14008679号