大气事业部等值线插件

此插件基于mapbox地图,命名规则基于dq (大气)拼音简写。

作者:张向阳

Getting started

npm  install  dq-isoline

使用教程

1. 引入该模块

import  dqIsoline  from 'dq-isoline'

2. 初始等值线

   var data = {
    "type": "FeatureCollection",
    "features": [
        {
            'type': 'Feature',
            'properties': {},
            'geometry': {
                'type': 'LineString',
                'coordinates': [
                    [-122.483696, 37.833818],
                    [-122.483482, 37.833174],
                    [-122.483396, 37.8327],
                    [-122.483568, 37.832056],
                    [-122.48404, 37.831141],
                    [-122.48404, 37.830497],
                    [-122.483482, 37.82992],
                    [-122.483568, 37.829548],
                    [-122.48507, 37.829446],
                    [-122.4861, 37.828802],
                    [-122.486958, 37.82931],
                    [-122.487001, 37.830802],
                    [-122.487516, 37.831683],
                    [-122.488031, 37.832158],
                    [-122.488889, 37.832971],
                    [-122.489876, 37.832632],
                    [-122.490434, 37.832937],
                    [-122.49125, 37.832429],
                    [-122.491636, 37.832564],
                    [-122.492237, 37.833378],
                    [-122.493782, 37.833683],
                    [-122.483696, 37.833818],

                ]
            },
            "properties": {
                "text": "H240"
            }
        },
        {
            'type': 'Feature',
            'properties': {},
            'geometry': {
                'type': 'LineString',
                'coordinates': [[-122.49075123019401, 37.83041579164494], [-122.48888441271971, 37.82911079155721],
                ],

            },
            "properties": {
                "text": "H360"
            }
        }
    ]
}
  let option = {
        id: 'dqIsoline1', //等值线id (必选参数)
        map: map, // 地图对象(必选参数)
        data: data,// 等值线数据(必选参数)
        lineColor: "#000",// 线条颜色
        lineWidth: 3,//线条宽度 (number类型)
        symbolsize: 14,//符号大小(number类型)
        symbolcolor: ""// 符号颜色
    }
var dqIsoline1 =  new dqIsoline(option)

3. 图层实例化

  dqIsoline1.install()

3. 图层删除

  dqIsoline1.remove()

说明 (具体用法切换到 node_modules/dq-isoline/example/index.html)

License

MIT.