Manhattan Maps

Display maps and map fields using Leaflet.

Installation

npm install manhattan-maps --save-dev

Usage

<div
    data-mh-map-view
    data-mh-map-view--dragging
    data-mh-map-view--scroll-wheel-zoom
    data-mh-map-view--home="fit-markers"
    data-mh-map-view--group-padding="100,100"
    data-mh-map-view--popup="content"
    class="map-view"
    ></div>
<datalist>
    <option
        data-mh-map-marker
        data-mh-map-marker--coords="52.056398,-2.715974"
        value="Hereford"
        >
        Hereford
    </option>
    <option
        data-mh-map-marker
        data-mh-map-marker--coords="52.193636,-2.221575"
        value="Worcester"
        >
        Worcester
    </option>
</datalist>

import * as $ from 'manhattan-essentials'
import {mapView} from 'manhattan-maps'

const m = new mapView.MapView($.one('[data-mh-map-view]'))
m.init()