hn-map 1.0.9 → 1.1.0

package/src/graphic/line.js

@@ -1,203 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from '../base/mars3d_entity.js'
-import gaode_entity from "../base/gaode_entity.js";
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    type: 'line',
-    color: "#ffffff",
-    width: 2,
-    opacity: 1,
-    outline: false,
-    outlineColor: "#ffffff",
-    outlineWidth: 2,
-    dashColor: "#00ff00",
-    dashLength: 16,
-    image: '',
-    repeat: [1, 1],
-    speed: 5,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null,
-    combine: false,
-    instances:[],
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'line'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      if(option.combine){
-        this.graphic = new mars3d.graphic.PolylineCombine(this.config)
-      }else{
-        this.graphic = new mars3d.graphic.PolylineEntity(this.config)
-      }
-    }
-
-    formatConfig(option) {
-      let config = {}
-      if (option.combine) {
-        config = {
-          id: option.id,
-          combine: true,
-          instances: option.instances.map(item => {
-            let itemOption = JSON.parse(JSON.stringify(defaultOption))
-            deepMerge(itemOption, item)
-            return this.formatConfig(itemOption)
-          }),
-        }
-      } else {
-
-        config = {
-          id: option.id,
-          positions: option.position,
-          style: {
-            materialType: 'Color',
-            color: option.color,
-            width: option.width,
-            opacity: option.opacity,
-            outline: option.outline,
-            outlineColor: option.outlineColor,
-            outlineWidth: option.outlineWidth,
-            clampToGround: !option.position[0][2],
-            scaleByDistance: option.scaleByDistance,
-            distanceDisplayCondition: option.distanceDisplayCondition,
-            distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-            distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          },
-          attr: option.data
-        }
-
-        switch (option.type) {
-          case 'line':
-            config.style.materialType = 'Color'
-            break
-          case 'dash':
-            config.style.materialType = 'PolylineDash'
-            config.style.materialOptions = {
-              color: option.color,
-              gapColor: option.dashColor,
-              dashPattern: option.dashPattern
-            }
-            break
-          case 'flicker':
-            config.style.materialType = 'LineFlicker'
-            config.style.materialOptions = {
-              color: option.color,
-              speed: option.speed,
-            }
-            break
-          case 'flow':
-            config.style.materialType = 'LineFlow'
-            config.style.materialOptions = {
-              color: option.color,
-              image: option.image,
-              repeat: new Cesium.Cartesian2(option.repeat[0], option.repeat[1]),
-              speed: option.speed,
-            }
-            break
-          case 'arrow':
-            config.style.materialType = 'PolylineArrow'
-            config.style.materialOptions = {
-              color: option.color,
-            }
-            break
-        }
-      }
-
-      return config
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-
-    // flyTo(option = {}) {
-    //   let config = {}
-    //   if(option.height){
-    //     config.scale = this.calculateScaleFromHeight(this.graphic, option.height)
-    //   }
-    //   console.log(config)
-    //   this.graphic.flyTo(config);
-    // }
-
-    openPopup() {
-      this.graphic.openPopup();
-    }
-
-
-    /**
-     * 判断给定的经纬度坐标是否在某个多边形内
-     *
-     * @param {number} lng - 经度
-     * @param {number} lat - 纬度
-     * @returns {boolean} 返回一个布尔值，如果给定的坐标在多边形内则为true，否则为false
-     */
-    isInPoly(lng, lat) {
-      return this.graphic.isInPoly(new mars3d.LngLatPoint(lng, lat))
-    }
-
-  }
-
-  class gaode_class extends gaode_entity {
-
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new AMap.Polyline(this.config)
-    }
-
-    formatConfig(option) {
-      let amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        path: amapPosition,
-        strokeColor: option.color,
-        strokeOpacity: option.opacity,
-        strokeWeight: option.width,
-        outlineColor: option.outlineColor,
-        borderWeight: option.outlineWidth,
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-      this.graphic.setPath(this.config.path)
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/numPoint.js

@@ -1,119 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from '../base/mars3d_entity.js'
-import gaode_entity from "../base/gaode_entity.js";
-
-export default (hnMap) => {
-  const defaultOption = {
-    id: "",
-    position: [],
-    num: 0,
-    color: "#ffffff",
-    opacity: 1,
-    size: 6,
-    fontColor: "#000000",
-    scale: 1,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'numPoint'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new mars3d.graphic.BillboardEntity(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        position: option.position,
-        style: {
-          image: mars3d.Util.getCircleImage(option.num, {
-            color: option.color,
-            radius: option.size / 2,
-            borderWidth: 0,
-            fontColor: option.fontColor,
-          }),
-          scale: option.scale,
-          clampToGround: !option.position[2],
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near
-        },
-        attr: option.data
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-  }
-
-  class gaode_class extends gaode_entity {
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new AMap.Marker(this.config)
-    }
-
-    formatConfig(option) {
-      const amapPosition = wgs84ToGcj02Format(option.position)
-      var markerContent =
-        `<div style="
-            background-color: ${option.color || "#ffff00"};
-            font-size: ${option.size / 2}px;
-            border-radius: 50%;
-            width: ${option.size}px;
-            height: ${option.size}px;
-            text-align: center;
-            line-height: ${option.size}px;
-            color: ${option.fontColor};"
-        >${option.num}</div>`;
-      return {
-        id: option.id,
-        position: new AMap.LngLat(amapPosition[0], amapPosition[1]),
-        content: markerContent,
-        anchor: 'top-center',
-        offset: [0, -20],
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/point.js

@@ -1,144 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from '../base/mars3d_entity.js'
-import gaode_entity from '../base/gaode_entity.js'
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    color: "#ffffff",
-    opacity: 1,
-    size: 6,
-    text: "",
-    fontSize: 12,
-    fontColor: "#ffffff",
-    fontOpacity: 1,
-    fontOffset: [0, 0],
-    outline: false,
-    outlineColor: "#ffffff",
-    outlineWidth: 20,
-    outlineOpacity: 0.5,
-    textOutline: false,
-    textOutlineColor: "#000000",
-    textOutlineOpacity: 0.6,
-    textOutlineWidth: 2,
-    textBackgroundColor: "",
-    textBackgroundOpacity: 0.5,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'point'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new mars3d.graphic.PointEntity(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        position: option.position,
-        style: {
-          color: option.color,
-          opacity: option.opacity,
-          pixelSize: option.size,
-          outline: option.outline,
-          outlineColor: option.outlineColor,
-          outlineWidth: option.outlineWidth,
-          outlineOpacity: option.outlineOpacity,
-          clampToGround: !option.position[2],
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          label: {
-            text: option.text,
-            font_size: option.fontSize,
-            color: option.fontColor,
-            opacity: option.fontOpacity,
-            outline: option.textOutline,
-            outlineColor: option.textOutlineColor,
-            outlineOpacity: option.textOutlineOpacity,
-            outlineWidth: option.textOutlineWidth,
-            background: !!option.textBackgroundColor,
-            backgroundColor: option.textBackgroundColor,
-            backgroundOpacity: option.textBackgroundOpacity,
-            pixelOffset: option.fontOffset,
-            scaleByDistance: option.fontScaleByDistance,
-            distanceDisplayCondition: option.fontDistanceDisplayCondition,
-            distanceDisplayCondition_far: option.fontDistanceDisplayCondition_far,
-            distanceDisplayCondition_near: option.fontDistanceDisplayCondition_near,
-          },
-        },
-        attr: option.data
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-  }
-
-  class gaode_class extends gaode_entity {
-
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new AMap.CircleMarker(this.config)
-    }
-
-    formatConfig(option) {
-      let amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        center: amapPosition,
-        radius: option.size / 2,
-        strokeColor: option.outlineColor,
-        strokeOpacity: option.outlineOpacity,
-        strokeWeight: option.outlineWidth,
-        fillColor: option.color,
-        fillOpacity: option.opacity,
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-      this.graphic.setCenter(this.config.center)
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/polygon.js

@@ -1,111 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from "../base/mars3d_entity.js";
-import gaode_entity from "../base/gaode_entity.js";
-
-export default (hnMap) => {
-  const defaultOption = {
-    id: "",
-    position: [],
-    color: "#ff0000",
-    opacity: 1,
-    outline: false,
-    outlineWidth: 2,
-    outlineColor: "#ffffff",
-    outlineOpacity: 1,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'polygon'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new mars3d.graphic.PolygonEntity(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        positions: option.position,
-        style: {
-          color: option.color,
-          opacity: option.opacity,
-          outline: option.outline,
-          outlineColor: option.outlineColor,
-          outlineWidth: option.outlineWidth,
-          outlineOpacity: option.outlineOpacity,
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          clampToGround: option.position[0] && !option.position[0][2],
-        },
-        attr: option.data
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-  }
-
-  class gaode_class extends gaode_entity {
-
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new AMap.Polygon(this.config)
-    }
-
-    formatConfig(option) {
-      const amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        path: amapPosition,
-        fillColor: option.color,
-        fillOpacity: option.opacity,
-        strokeColor: option.outlineColor,
-        strokeOpacity: option.outline ? option.outlineOpacity : 0,
-        strokeWeight: option.outline ? option.outlineWidth : 0,
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-      this.graphic.setPath(this.config.path)
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/rectangle.js

@@ -1,115 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from "../base/mars3d_entity.js";
-import gaode_entity from "../base/gaode_entity.js";
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    color: "#ff0000",
-    opacity: 1,
-    outline: false,
-    outlineWidth: 2,
-    outlineColor: "#ffffff",
-    outlineOpacity: 1,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'retangle'
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new mars3d.graphic.RectangleEntity(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        positions: option.position,
-        style: {
-          color: option.color,
-          opacity: option.opacity,
-          outline: option.outline,
-          outlineColor: option.outlineColor,
-          outlineWidth: option.outlineWidth,
-          outlineOpacity: option.outlineOpacity,
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          clampToGround: !option.position[0][2],
-        },
-        attr: option.data
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-  }
-
-  class gaode_class extends gaode_entity {
-
-    id = null
-    option = JSON.parse(JSON.stringify(defaultOption))
-    config = null
-    graphic = null
-
-    constructor(option) {
-      super()
-      this.id = option.id
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic = new AMap.Rectangle(this.config)
-    }
-
-    formatConfig(option) {
-      const amapPosition = wgs84ToGcj02Format(option.position)
-      const southWest = new AMap.LngLat(amapPosition[0][0], amapPosition[0][1])
-      const northEast = new AMap.LngLat(amapPosition[1][0], amapPosition[1][1])
-      const bounds = new AMap.Bounds(southWest, northEast)
-      return {
-        bounds: bounds,
-        fillColor: option.color,
-        fillOpacity: option.opacity,
-        strokeColor: option.outlineColor,
-        strokeOpacity: option.outline ? option.outlineOpacity : 0,
-        strokeWeight: option.outline ? option.outlineWidth : 0,
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-      this.graphic.setBounds(this.config.bounds)
-
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-  return fn[hnMap.mapType]
-}