Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bundle
docs
images/cluster
lib
src
.gitignore
.node-version
index.html
package-lock.json
package.json
readme.md
screenshot.png
tsconfig.json
webpack.dev.js
webpack.prod.js

readme.md

Yahoo! Map Cluster

Usage

var ymap = new Y.Map("map");
ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 15, Y.LayerSetId.NORMAL);
var marker = new Y.Marker(new Y.LatLng(35.66572, 139.73100));
var marker2 = new Y.Marker(new Y.LatLng(35.66572, 139.73000));
var marker3 = new Y.Marker(new Y.LatLng(35.665, 139.734));
var marker4 = new Y.Marker(new Y.LatLng(35.6635, 139.734));
var marker5 = new Y.Marker(new Y.LatLng(35.665, 139.731));
var marker6 = new Y.Marker(new Y.LatLng(35.6642, 139.733));
var marker7 = new Y.Marker(new Y.LatLng(35.6635, 139.7328));
var marker8 = new Y.Marker(new Y.LatLng(35.665, 139.7343));
var marker9 = new Y.Marker(new Y.LatLng(35.6638, 139.7333));
var marker10 = new Y.Marker(new Y.LatLng(35.6628, 139.7333));
new YmapCluster(ymap, [marker, marker2, marker3, marker4, marker5, marker6, marker7, marker8, marker9, marker10]);

Install

via npm

$ npm install yahoo-map-cluster --save

via yarn

$ yarn add yahoo-map-cluster

via cdn

<script src="https://unpkg.com/yahoo-map-cluster@latest/bundle/ymap-cluster.js"></script>

Use Library

Webpack/Browserify

import YmapCluster from 'yahoo-map-cluster';
new YmapCluster(map, clusters, options);

Standalone

<script src="https://unpkg.com/yahoo-map-cluster@latest/bundle/ymap-cluster.js"></script>
<script>
new YmapCluster(map, clusters, options);
</script>

Reference

https://github.com/googlemaps/js-marker-clusterer