@geolonia/mbgl-gesture-handling

https://github.com/geolonia/mbgl-gesture-handling

Example

index.html

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
  <title>Example: @geolonia/mbgl-gesture-handling</title>
</head>
<body>

<h1>@geolonia/mbgl-gesture-handling</h1>

<div id="map" style="width: 100%; height: 250px;"></div>

<script src="https://cdn.geolonia.com/v1/embed?geolonia-api-key=YOUR-API-KEY"></script>
<script src="./app.js"></script>
</body>
</html>

app.js

import 'babel-polyfill'
import GestureHandling from '@geolonia/mbgl-gesture-handling'

const map = new mapboxgl.Map({
  container: '#map',
  style: 'https://geolonia.github.io/tiny-tileserver/style.json',
  attributionControl: true,
  hash: true,
  localIdeographFontFamily: "sans-serif",
  interactive: true
});

map.addControl(new mapboxgl.NavigationControl());
map.addControl(new mapboxgl.GeolocateControl());

new GestureHandling().addTo(map);

How to build

We recommend to use Parcel.

$ npm install parcel-bundler
$ npm install @geolonia/mbgl-gesture-handling
$ $(npm bin)/parcel build index.html