hn-map 1.0.9 → 1.1.0

package/src/other/route.js

@@ -1,217 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from "../util.js";
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    speed: 10,
-    loop: false,
-    image: {
-      src: null,
-      width: 10,
-      height: 10,
-    },
-    camera: {
-      type: '',
-      pitch: -30,
-      radius: 500,
-    },
-    polyline: {
-      color: "#0000ff",
-      width: 2
-    },
-    path: {
-      color: "#ff0000",
-      width: 2
-    }
-  }
-
-  class mars3d_class {
-    type = 'route'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new mars3d.graphic.FixedRoute(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        speed: option.speed,
-        positions: option.position,
-        clockLoop: option.loop, // 是否循环播放
-        camera: {
-          type: option.camera.type,
-          pitch: option.camera.pitch,
-          radius: option.camera.radius,
-        },
-        billboard: {
-          image: option.image.src,
-          width: option.image.width,
-          height: option.image.height,
-        },
-        polyline: {
-          color: option.polyline.color,
-          width: option.polyline.width,
-          // showAll: true,
-        },
-        path: {
-          color: option.path.color,
-          width: option.path.width,
-          // leadTime: 0,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-    start() {
-      this.graphic.start()
-    }
-
-    pause() {
-      this.graphic.pause()
-    }
-
-    proceed() {
-      this.graphic.proceed()
-    }
-
-    stop() {
-      this.graphic.stop()
-    }
-
-    destroy() {
-      this.graphic.destroy()
-    }
-
-    flyTo() {
-      this.graphic.flyToPoint()
-    }
-
-  }
-
-  class gaode_class {
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config_graphic = null
-    config_path = null
-    graphic = null
-
-    constructor(option) {
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config_graphic = this.formatConfigGraphic(this.option)
-      this.config_path = this.formatConfigPath(this.option)
-      this.graphic = new AMap.Marker(this.config_graphic);
-      this.addPath()
-
-      this.graphic.on('moving', (e) => {
-        hnMap.map.map.setCenter(e.target.getPosition(), true)
-      });
-      hnMap.map.map.setFitView();
-
-    }
-
-    formatConfigGraphic(option) {
-      const amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        position: amapPosition[0],
-        speed: option.speed,
-        icon: new AMap.Icon({
-          image: option.image.src,
-          imageSize: new AMap.Size(option.image.width, option.image.height),
-          size: new AMap.Size(option.image.width, option.image.height),
-        }),
-        extData: {
-          id: option.id
-        },
-      }
-    }
-
-    formatConfigPath(option) {
-      const amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        id: option.id + '_path',
-        position: amapPosition,
-        width: option.polyline.width,
-        color: option.polyline.color,
-        data: {id: option.id + '_path',},
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config_graphic = this.formatConfigGraphic(this.option)
-      this.config_path = this.formatConfigPath(this.option)
-      this.graphic.setOptions(this.config_graphic)
-      this.stop()
-    }
-
-    addPath() {
-      this.pathLayer = hnMap.map.addLayer(new hnMap.Layer({id: this.id + '_path_layer'}))
-      if (this.pathLayer) {
-        this.path = new hnMap.Line(this.config_path)
-        this.pathLayer.addEntity(this.path)
-      }
-    }
-
-    start() {
-      this.config_path.position.reduce((prev, next) => {
-        let t1 = turf.point(prev);
-        let t2 = turf.point(next);
-        let distance = turf.distance(t1, t2, {units: 'meters'});
-        this.graphic.moveAlong(this.path.graphic._opts.path, {
-          duration: Number(distance / this.config_graphic.speed).toFixed(0),
-          autoRotation: true,
-          circlable: true
-        })
-        return next
-      })
-    }
-
-    pause() {
-      this.graphic.pauseMove()
-    }
-
-    proceed() {
-      this.graphic.resumeMove()
-    }
-
-    stop() {
-      this.graphic.stopMove()
-    }
-
-    destroy() {
-      this.stop()
-      this.graphic.remove()
-      this.pathLayer.destroy()
-    }
-
-    flyTo() {
-
-      if (this.graphic.getBounds) {
-        const bounds = this.graphic.getBounds();
-        hnMap.map.map.setBounds(bounds);
-      }
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/util.js

@@ -1,103 +0,0 @@
-// import Vue from 'vue'
-//
-// // 渲染vue组件并获取dom结构
-// export function renderComponents(comp, params) {
-//     const vNodeDom = document.createElement("div")
-//     document.body.appendChild(vNodeDom)
-//
-//     const SubVue = Vue.extend(comp)
-//     const app = new SubVue({
-//         el: vNodeDom,
-//         propsData: params
-//     })
-//     return app.$el
-// }
-
-// 对象深度合并
-export function deepMerge(target, source) {
-    for (let key of Object.keys(source)) {
-        if (source[key] instanceof Object && !Array.isArray(source[key])) {
-            if (!target[key]) Object.assign(target, { [key]: {} });
-            deepMerge(target[key], source[key]);
-        } else {
-            Object.assign(target, { [key]: source[key] });
-        }
-    }
-    return target;
-}
-
-// 递归格式化高德坐标系
-export function wgs84ToGcj02Format(position) {
-    // 判断是否是数组
-    if (position.every(item => Array.isArray(item))) {
-        return position.map(item => {
-            return wgs84ToGcj02Format(item)
-        })
-    } else if (position.every(item => typeof item === 'object')) {
-        return position.map(item => {
-            let data = wgs84ToGcj02Format([item.lng, item.lat])
-            return {
-                ...item,
-                lng: data[0],
-                lat: data[1]
-            }
-        })
-    } else {
-        return wgs84ToGcj02(position[0], position[1])
-    }
-}
-
-
-/**
- * WGS-84 转 GCJ-02（高德坐标）
- * @param {number} wgsLat - WGS-84纬度
- * @param {number} wgsLng - WGS-84经度
- * @returns {[number, number]} GCJ-02经纬度数组
- */
-export function wgs84ToGcj02(wgsLng, wgsLat) {
-    if (!isCorrectPosition(wgsLng, wgsLat)) {
-        return [wgsLng, wgsLat];
-    }
-
-    const a = 6378245.0; // 长半轴
-    const ee = 0.00669342162296594323; // 扁率
-
-    function transformLat(x, y) {
-        let ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
-        ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;
-        ret += (160.0 * Math.sin(y * Math.PI / 3.0) + 320 * Math.sin(y * Math.PI / 30.0)) * 2.0 / 3.0;
-        return ret;
-    }
-
-    function transformLng(x, y) {
-        let ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
-        ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(x * Math.PI)) * 2.0 / 3.0;
-        ret += (150.0 * Math.sin(x * Math.PI / 3.0) + 300.0 * Math.sin(x * Math.PI / 15.0)) * 2.0 / 3.0;
-        return ret;
-    }
-
-    let dLat = transformLat(wgsLng - 105.0, wgsLat - 35.0);
-    let dLng = transformLng(wgsLng - 105.0, wgsLat - 35.0);
-    const radLat = wgsLat / 180.0 * Math.PI;
-    let magic = Math.sin(radLat);
-    magic = 1 - ee * magic * magic;
-    const sqrtMagic = Math.sqrt(magic);
-    dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * Math.PI);
-    dLng = (dLng * 180.0) / (a / sqrtMagic * Math.cos(radLat) * Math.PI);
-    const gcjLat = wgsLat + dLat;
-    const gcjLng = wgsLng + dLng;
-
-    return [gcjLng, gcjLat];
-}
-
-/**
-* 判断是否为正确的坐标
-* @param {number} lat - 纬度
-* @param {number} lng - 经度
-* @returns {boolean}
-*/
-export function isCorrectPosition(lng, lat) {
-    return (
-        lng <= 180 && lng >= -180 && lat <= 90 && lat >= -90
-    );
-}