tracker-map | 基于openlayers的封装组件

- 采用mapbox配置式创建和管理地图
- 开发者无需关心gis地图相关原理就可以轻松创建地图
- 相比原生openlayers更易用，也更符合国内webgis应用场景
- 部分动态渲染图层参考了 maptalks 的实现。

编译

> 重要: Github 仓库的 /dist 文件夹只有在新版本发布时才会更新。如果想要使用 Github 上 tracker-map 最新的源码，你需要自己构建。

``bash git clone https://url.. npm install npm run dev npm run build`

`浏览器支持`

支持在HTML5和ECMAScript 5的所有现代浏览器上运行。包括Chrome，Firefox， Safari和Edge。对于旧版浏览器和平台，如Internet Explorer（至9版）和Android 4.x，必须提供requestAnimationFrame和Element.prototype.classList的polyfill，并且使用KML格式需要一个polyfill的URL。对于"version":"x.y.z" 1.修复bug,小改动，增加z 2.增加了新特性，但仍能向后兼容，增加y 3.有很大的改动，无法向后兼容,增加x

`$3`

#### npm安装

`npm install tracker-map --save import 'tracker-map/dist/tracker-map.css' // style import tracker-map from 'tracker-map' // lib`

#### 示例

> 注意：ol类库已被打包，对于高级用户，可以直接使用ol来进行必要的操作。

`javascript var Map = new TrackerMap('map', { controls: { loading: true, zoomSlider: true, fullScreen: true }, interactions: { shiftDragZoom: false }, view: { center: [12118909.300259633, 4086043.1061670054], projection: 'EPSG:3857', zoom: 5, // resolution }, baseLayers: [ { layerName: 'openstreetmap', isDefault: true, layerType: 'OSM', layerUrl: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png' } ] });``

浏览器支持

支持在HTML5和ECMAScript 5的所有现代浏览器上运行。包括Chrome，Firefox，
Safari和Edge。对于旧版浏览器和平台，如Internet Explorer（至9版）和Android 4.x，
必须提供

requestAnimationFrame和Element.prototype.classList

的polyfill，
并且使用KML格式需要一个polyfill的URL。
对于"version":"x.y.z"
1.修复bug,小改动，增加z
2.增加了新特性，但仍能向后兼容，增加y
3.有很大的改动，无法向后兼容,增加x

$3

#### npm安装


npm install tracker-map --save
import 'tracker-map/dist/tracker-map.css' // style
import tracker-map from 'tracker-map' // lib

#### 示例

> 注意：ol类库已被打包，对于高级用户，可以直接使用ol来进行必要的操作。

javascript
var Map = new TrackerMap('map', {
    controls: {
      loading: true,
      zoomSlider: true,
      fullScreen: true
    },
    interactions: {
      shiftDragZoom: false
    },
    view: {
      center: [12118909.300259633, 4086043.1061670054],
      projection: 'EPSG:3857',
      zoom: 5, // resolution
    },
    baseLayers: [
      {
        layerName: 'openstreetmap',
        isDefault: true,
        layerType: 'OSM',
        layerUrl: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png'
      }
    ]
  });