fhmap

fhmap主要是用来使项目中地图功能的兼容性和扩展性更强，代码更容易维护，同时使切换地图的开发工作任务更少，成本更低

安装

npm install fhmap --save  

使用

//整个引入
import fhmap from 'fhmap'

//部分引入  
import {Map, Point} from 'fhmap'  

fhmap类概览

• 核心类：

Map

• 基础类：

Point、Pixel、Bounds、Size

• 控件类：

Control、NavigationControl、GeolocationControl、OverviewMapControl、ScaleControl、CopyrightControl、MapTypeControl、PanoramaControl

• 覆盖物类：

Overlay、Marker、Icon、InfoWindow、Label、Polyline、IconSequence、Polygon、Circle、GroundOverlay、PointCollection、Hotspot、Symbol、CanvasLayer

• 右键菜单类：

ContextMenu、MenuItem

• 地图类型类：

MapType

• 地图图层类：

TileLayer、TrafficLayer、CustomLayer、PanoramaCoverageLayer

• 服务类：

LocalSearch、TransitRoute、WalkingRoute、RidingRoute、DrivingRoute、Geocoder、LocalCity、Geolocation、BusLineSearch、Autocomplete、Boundary、Convertor

• 全景类：

Panorama、PanoramaService、PanoramaLabel

• 地图工具类：

tools

• 地图接口类：

apis

• 工具类：

utils

###关于地图差异性解决的建议

由于每个地图厂商提供的地图类和方法名称可能不一致，建议在项目中新建一个allmap.js

 //allmap.js
 import {
  Map,
  //
  Point,
  Pixel,
  Bounds,
  Size,
  //
  Control,
  NavigationControl,
  GeolocationControl,
  OverviewMapControl,
  ScaleControl,
  CopyrightControl,
  MapTypeControl,
  PanoramaControl,
  //
  Overlay,
  Marker,
  Icon,
  InfoWindow,
  Label,
  Polyline,
  IconSequence,
  Polygon,
  Circle,
  GroundOverlay,
  PointCollection,
  Hotspot,
  Symbol,
  CanvasLayer,
  //
  ContextMenu,
  MenuItem,
  //
  MapType,
  //
  TileLayer,
  TrafficLayer,
  CustomLayer,
  PanoramaCoverageLayer,
  //
  LocalSearch,
  TransitRoute,
  WalkingRoute,
  RidingRoute,
  DrivingRoute,
  Geocoder,
  LocalCity,
  Geolocation,
  BusLineSearch,
  Autocomplete,
  Boundary,
  Convertor,
  //
  Panorama,
  PanoramaService,
  PanoramaLabel,
  //
  mapTools,
  //
  mapApis,
  //
  utils
} from 'fhmap' 

let mapProvider = getMapProvider();
//为避免和对象原有方法冲突，建议在方法名称前加下划线_区分
Pixel.prototype._equals = function(otherPixel) {
  if (mapProvider == "baidu") {
    return this.equals(otherPixel);
  } else {
    console.error("[Pixel]不支持该地图调用此方法");
  }
};

//...  

export {
  ...
}

业务代码中使用

import {Map, Point} from './allmap'
...

###地图类的支持性如下

| 类 | 百度 | 凯立德 | 图盟 | | ----| ---- | ---- | ---- | | （核心类）Map | 支持 | 支持 | | | （基础类）Point | 支持 | 支持 | | | （基础类）Pixel | 支持 | 支持 | | | （基础类）Bounds | 支持 | 支持 | | | （基础类）Size | 支持 | 支持 | | | （控件类）Control | 支持 | 支持 | | | （控件类）NavigationControl | 支持 | | | | （控件类）GeolocationControl | 支持 | | | | （控件类）OverviewMapControl | 支持 | | | | （控件类）ScaleControl | 支持 | | | | （控件类）CopyrightControl | 支持 | | | | （控件类）MapTypeControl | 支持 | | | | （控件类）PanoramaControl | 支持 | | | | （覆盖物类）Overlay | 支持 | | | | （覆盖物类）Marker | 支持 | | | | （覆盖物类）Icon | 支持 | | | | （覆盖物类）InfoWindow | 支持 | | | | （覆盖物类）Label | 支持 | | | | （覆盖物类）Polyline | 支持 | | | | （覆盖物类）IconSequence | 支持 | | | | （覆盖物类）Polygon | 支持 | | | | （覆盖物类）Circle | 支持 | | | | （覆盖物类）GroundOverlay | 支持 | | | | （覆盖物类）PointCollection | 支持 | | | | （覆盖物类）Hotspot | 支持 | | | | （覆盖物类）Symbol | 支持 | | | | （覆盖物类）CanvasLayer | 支持 | | | | （右键菜单类）ContextMenu | 支持 | | | | （右键菜单类）MenuItem | 支持 | | | | （地图类型类）MapType | 支持 | | | | （地图图层类）TileLayer | 支持 | | | | （地图图层类）TrafficLayer | 支持 | | | | （地图图层类）CustomLayer | 支持 | | | | （地图图层类）PanoramaCoverageLayer | 支持 | | | | （服务类）LocalSearch | 支持 | | | | （服务类）TransitRoute | 支持 | | | | （服务类）WalkingRoute | 支持 | | | | （服务类）RidingRoute | 支持 | | | | （服务类）DrivingRoute | 支持 | | | | （服务类）Geocoder | 支持 | | | | （服务类）LocalCity | 支持 | | | | （服务类）Geolocation | 支持 | | | | （服务类）BusLineSearch | 支持 | | | | （服务类）Autocomplete | 支持 | | | | （服务类）Boundary | 支持 | | | | （服务类）Convertor | 支持 | | | | （全景类）Panorama | 支持 | | | | （全景类）PanoramaService | 支持 | | | | （全景类）PanoramaLabel | 支持 | | |