@zuzuche/zzc-map

zzcMap

对leaflet.js进行封装，主要提供默认瓦片图层和渲染租租车指定的marker样式

Installation

项目依赖:

znpm install zzcMap --save-dev

项目中的引用

import {zzcMap} from "zzcMap"; 

<script src="[自己本地路径]/zzcMap/index.js"></script>

如何使用

以import方式引入项目为例

初始化

import {zzcMap} from "zzcMap";
let map = new zzcMap( 'root', {
    center: [33.95245984200000, -118.38592864600000],
    zoom: 16,
} );

参数	用途	类型
parendElem	需要将地图方法到一个元素中，元素id	string
opts	初始化地图的参数，初始化参数	object

初始化后会返回一个对象。包含map对象和传入的参数.

如果需要使用leaflet的L的方法可以直接通过实例进行调用

let zzc_map = new zzcMap( 'root', {
    center: [33.95245984200000, -118.38592864600000],
    zoom: 16,
} );

zzc_map.marker( props1, props2 );

当需要使用实例map的方法的时候可以通过实例的mapFn进行调用，参数需要用数组包裹进行传入。

let zzc_map = new zzcMap( 'root', {
    center: [33.95245984200000, -118.38592864600000],
    zoom: 16,
} );

zzc_map.mapFn( 'panTo', [ [lat, lng] ] );

当需要对map实例进行事件绑定，可以通过eventFn进行绑定，参数需要用数组包裹进行传入。

let zzc_map = new zzcMap( 'root', {
    center: [33.95245984200000, -118.38592864600000],
    zoom: 16,
} );

zzc_map.eventFn( ['zoom', function () {
    console.log( '123123' );
}] );