https://github.com/appleple/yahoo-map-cluster

Yahoo! Map Cluster
https://github.com/appleple/yahoo-map-cluster

cluster clustering map npm ts typescript yahoo

Last synced: 5 days ago
JSON representation

Yahoo! Map Cluster

• Host: GitHub
• URL: https://github.com/appleple/yahoo-map-cluster
• Owner: appleple
• Created: 2019-01-17T10:07:07.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:38:48.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T23:59:38.755Z (7 months ago)
• Topics: cluster, clustering, map, npm, ts, typescript, yahoo
• Language: TypeScript
• Homepage: https://appleple.github.io/yahoo-map-cluster/
• Size: 2.5 MB
• Stars: 19
• Watchers: 7
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Yahoo! Map Cluster



## Usage

```js

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

```sh

$ npm install yahoo-map-cluster --save

```

### via yarn

```sh

$ yarn add yahoo-map-cluster

```

### via cdn 

```html

```

## Use Library

### Webpack/Browserify

```js

import YmapCluster from 'yahoo-map-cluster';

new YmapCluster(map, clusters, options);

```

### Standalone

```html

new YmapCluster(map, clusters, options);

```

## Reference

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