huweilu / maptalks.minedata

maptalks plugin to minedata

maptalks.minedata

A plugin to add minedata as a layer for maptalks.js.

Examples

• demo

Install

• Install with npm: npm install @sakitam-gis/maptalks.minedata.
• Use unpkg CDN: https://unpkg.com/@sakitam-gis/maptalks.minedata/dist/maptalks.minedata.min.js

Usage

As a plugin, maptalks.minedata must be loaded after maptalks.js and minedata in browsers.

<div id="map"></div>
<script src="../lib/minemap.js"></script>
<script src="../node_modules/maptalks/dist/maptalks.js"></script>
<script src="../dist/maptalks.minedata.js"></script>
<script type="text/javascript">
    minemap.accessToken = '25cc55a69ea7422182d00d6b7c0ffa93';
    minemap.solution = 2365;
    var baseLayer = new maptalks.MineLayer('tile',{
        glOptions : {
            'style' : '//minedata.cn/service/solu/style/id/2365'
        }
    }).on('layerload', function () {
        // start();
    });

    var map = new maptalks.Map('map', {
        center: [116.46,39.92],
        zoom: 16,
        baseLayer: baseLayer
    });
</script>

Supported Browsers

IE 11, Chrome, Firefox, other modern and mobile browsers support WebGL.

API Reference

MineLayer is a subclass of maptalks.Layer and inherits all the methods of its parent.

Constructor

new maptalks.MineLayer(id, options)

• id String layer id
• options Object options
  • glOptions Object MineLayer creation options defined in minedata
  • other options defined in maptalks.Layer

getGlMap()

get minedata map instance used by the layer

Returns Map

toJSON()

export the layer's JSON.

var json = MineLayer.toJSON();

Returns Object

Contributing

We welcome any kind of contributions including issue reportings, pull requests, documentation corrections, feature requests and any other helps.

Develop

The only source file is index.js.

It is written in ES6, transpiled by babel and tested with mocha and expect.js.

Scripts

• Install dependencies

$ npm install

• Watch source changes and generate runnable bundle repeatedly

$ gulp watch

• Tests

$ npm test

• Watch source changes and run tests repeatedly

$ gulp tdd

• Package and generate minified bundles to dist directory

$ gulp minify

• Lint

$ npm run lint