Skip to main content

@mapmost/mapmost-webgl-draw

Customized plug-in for Mapmost SDK for WebGL, providing support for drawing and editing graphics

Depends on Mapmost SDK for WebGL, version correspondence is as follows:

draw versionSDK version
v 1.0.0v 2.7.0+
v 1.1.0v 3.3.0+

Install​

npm install @mapmost/mapmost-webgl-draw

Usage​

Using modules​

import mapmost from '@mapmost/mapmost-webgl';
import MapmostDraw from "@mapmost/mapmost-webgl-draw";
import '@mapmost/mapmost-webgl-draw/dist/mapmost-webgl-draw.css'

Use CDN​

<script src ='https://delivery.mapmost.com/cdn/sdk/webgl/v9.16.0/mapmost-webgl-min.js'></script>
<script src='https://delivery.mapmost.com/cdn/sdk/plugins/mapmost-webgl-draw/v1.0.0/mapmost-webgl-draw.js'></script>
<link rel='stylesheet' href='https://delivery.mapmost.com/cdn/sdk/plugins/mapmost-webgl-draw/v1.0.0/mapmost-webgl-draw.css' type='text/css' />

Usage example​


var map = new mapmost.Map({
  container: 'map',
  style: '<your style url>',
  center: [120, 30],
  zoom: 12
});

var Draw = new MapmostDraw();

map.on('load', function() {
    map.addControl(Draw, 'top-left');
  // application code
});