hn-map 1.0.10 → 1.1.1

package/src/base/gaode_entity.js

@@ -1,59 +0,0 @@
-export default class gaode_entity {
-  infoWindow = null
-  hnMap = null
-
-  constructor(hnMap) {
-    this.hnMap = hnMap
-  }
-
-  // 添加属性弹窗
-  addPopupByAttr() {
-    this.infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
-
-    const handleClick = (e) => {
-      const data = this.config.extData.data
-      let content = ''
-      for (const key in data) {
-        content += `<div>${key}: ${data[key]}</div>`
-      }
-      this.infoWindow.setContent(content);
-      this.infoWindow.open(this.hnMap.map.map, e.lnglat);
-    }
-
-    this.graphic.on('click', handleClick)
-  }
-
-  // 添加自定义dom弹窗
-  addCustomPopup(getCustomDom) {
-    this.infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
-
-    const handleClick = (e) => {
-      const data = this.config.extData.data
-      const dom = getCustomDom(data)
-      this.infoWindow.setContent(dom);
-      this.infoWindow.open(this.hnMap.map.map, e.lnglat);
-    }
-
-    this.graphic.on('click', handleClick)
-  }
-
-  flyTo() {
-
-    if(this.graphic.getCenter){
-      this.hnMap.map.map.setCenter(this.graphic.getCenter());
-    }
-
-    if(this.graphic.getPosition){
-      this.hnMap.map.map.setCenter(this.graphic.getPosition());
-    }
-
-    if(this.graphic.getBounds){
-      const bounds = this.graphic.getBounds();
-      this.hnMap.map.map.setBounds(bounds);
-    }
-  }
-
-  destroy() {
-    this.graphic.remove()
-  }
-}

package/src/base/mars3d_entity.js

@@ -1,50 +0,0 @@
-export default class mars3d_entity {
-  constructor(hnMap) {
-    this.event = {}
-  }
-
-  // 添加属性弹窗
-  addPopupByAttr() {
-    this.graphic.bindPopup((event) => {
-      const data = event.graphic.attr
-      return mars3d.Util.getTemplateHtml({title: "详情", template: "all", attr: data})
-    })
-  }
-
-  // 添加自定义dom弹窗
-  addCustomPopup(getCustomDom) {
-    this.graphic.bindPopup(async (event) => {
-      if (event.graphic.attr) {
-        const data = event.graphic.attr || {};
-        return await getCustomDom(data);
-      }
-    }, {offsetY: -20});
-  }
-
-  flyTo(option = {}) {
-    this.graphic.flyTo(option);
-  }
-
-  destroy() {
-    this.graphic.destroy()
-  }
-
-  on(eventType, callback) {
-    this.off(eventType)
-    switch (eventType) {
-      case 'click':
-        this.event[eventType] = () => {
-          callback(event)
-        }
-        break;
-    }
-    this.graphic.on(eventType, this.event[eventType]);
-  }
-
-  off(eventType) {
-    if (this.event[eventType]) {
-      this.graphic.off(eventType, this.event[eventType]);
-      delete this.event[eventType]
-    }
-  }
-}

package/src/graphic/circle.js

@@ -1,159 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from "../base/mars3d_entity.js";
-import gaode_entity from "../base/gaode_entity";
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    type: 'color',
-    radius: 20,
-    color: "#ff0000",
-    opacity: 1,
-    waveCount: 2,
-    waveSpeed: 5,
-    outlineWidth: 0,
-    outlineColor: "#ffffff",
-    outlineOpacity: 1,
-    outlineHighLight: false,
-    outlineHighLightGlowPower: 0.1,
-    outlineHighLightTaperPower: 1,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'circle'
-    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.CircleEntity(this.config)
-    }
-
-    formatConfig(option) {
-      let config = {
-        id: option.id,
-        position: new mars3d.LngLatPoint(
-          option.position[0],
-          option.position[1],
-          option.position[2] || 0,
-        ),
-        style: {
-          radius: option.radius || 1,
-          color: option.color,
-          opacity: option.opacity,
-          outline: !!option.outlineWidth,
-          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[2],
-        },
-        attr: option.data
-      }
-
-      switch (option.type) {
-        case 'color':
-          config.style.materialType = mars3d.MaterialType.Color
-          break
-        case 'wave':
-          config.style.materialType = mars3d.MaterialType.CircleWave
-          config.style.materialOptions = {
-            color: option.color,
-            count: option.waveCount,
-            speed: option.waveSpeed,
-          }
-          break
-      }
-
-      if (option.outlineHighLight) {
-        config.style.outlineStyle = {
-          materialType: "PolylineGlow",
-          materialOptions: {
-            color: option.outlineColor,
-            glowPower: option.outlineHighLightGlowPower,
-            taperPower: option.outlineHighLightTaperPower,
-          }
-        }
-      }
-      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)
-    //   }
-    //
-    //   this.graphic.flyTo(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.Circle(this.config)
-    }
-
-    formatConfig(option) {
-      let amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        center: new AMap.LngLat(amapPosition[0], amapPosition[1]),
-        radius: option.radius,
-        fillColor: option.color,
-        fillOpacity: option.opacity,
-        strokeColor: option.outline.color,
-        strokeOpacity: option.outline.show ? option.outline.opacity : 0,
-        strokeWeight: option.outline.show ? option.outline.width : 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.setCenter(this.config.center)
-
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-  return fn[hnMap.mapType]
-}

package/src/graphic/divPoint.js

@@ -1,86 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from '../base/mars3d_entity.js'
-import gaode_entity from "../base/gaode_entity.js";
-
-const HorizontalOrigin = {
-  center: 0,
-  left: 1,
-  right: -1
-}
-
-const VerticalOrigin = {
-  center: 0,
-  top: -1,
-  bottom: 1
-}
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    html: "",
-    horizontalOrigin: "center",
-    verticalOrigin: "center",
-    offset: [0, 0],
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'divPoint'
-    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.DivGraphic(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        position: option.position,
-        style: {
-          html: option.html,
-          offsetX: option.offset[0],
-          offsetY: option.offset[1],
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          clampToGround: !option.position[2],
-          horizontalOrigin: HorizontalOrigin[option.horizontalOrigin],
-          verticalOrigin: VerticalOrigin[option.verticalOrigin],
-        },
-        attr: option.data
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-    }
-
-    openPopup() {
-      this.graphic.openPopup();
-    }
-
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: mars3d_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/imagePoint.js

@@ -1,163 +0,0 @@
-import {deepMerge, wgs84ToGcj02Format} from '../util.js'
-import mars3d_entity from '../base/mars3d_entity.js'
-import gaode_entity from "../base/gaode_entity.js";
-
-const HorizontalOrigin = {
-  center: 0,
-  left: 1,
-  right: -1
-}
-
-const VerticalOrigin = {
-  center: 0,
-  top: -1,
-  bottom: 1
-}
-
-export default (hnMap) => {
-
-  const defaultOption = {
-    id: "",
-    position: [],
-    image: "",
-    height: 30,
-    width: 30,
-    rotation: 0,
-    horizontalOrigin: "center",
-    verticalOrigin: "center",
-    text: "",
-    fontSize: 12,
-    color: "#000000",
-    offset: [0, 0],
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_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 mars3d.graphic.BillboardEntity(this.config)
-    }
-
-    formatConfig(option) {
-      return {
-        id: option.id,
-        position: option.position,
-        style: {
-          width: option.width,
-          height: option.height,
-          image: option.image,
-          label: {
-            text: option.text,
-            font_size: option.fontSize,
-            color: option.color,
-            pixelOffset: option.offset,
-            scaleByDistance: option.scaleByDistance,
-            distanceDisplayCondition: option.distanceDisplayCondition,
-            distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-            distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-            visibleDepth: false
-          },
-          scaleByDistance: option.scaleByDistance,
-          distanceDisplayCondition: option.distanceDisplayCondition,
-          distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-          distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-          clampToGround: !option.position[2],
-          rotationDegree: option.rotation,
-          horizontalOrigin: HorizontalOrigin[option.horizontalOrigin],
-          verticalOrigin: VerticalOrigin[option.verticalOrigin],
-          visibleDepth: true
-        },
-        attr: option.data
-      }
-    }
-
-    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.radius = option.height
-    //   }
-    //
-    //   this.graphic.flyTo(config);
-    // }
-
-    openPopup() {
-      this.graphic.openPopup();
-    }
-
-  }
-
-  class gaode_class extends gaode_entity {
-    type = 'imagePoint'
-    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) {
-      let amapPosition = wgs84ToGcj02Format(option.position)
-      const content = `<div style="color:${option.color};font-size:${option.fontSize} ">${option.text}</div>`
-      return {
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-        position: new AMap.LngLat(amapPosition[0], amapPosition[1]),
-        icon: new AMap.Icon({
-          image: option.image,
-          imageSize: new AMap.Size(option.height, option.width),
-          size: new AMap.Size(option.height, option.width),
-        }),
-        angle: 360 - option.rotation,
-        anchor: 'center',
-        label: {
-          direction: 'center',
-          offset: new AMap.Pixel(option.offset[0], option.offset[1]),  //设置文本标注偏移量
-          content: content,
-        }
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setOptions(this.config)
-      this.graphic.setAngle(this.config.angle)
-
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}

package/src/graphic/label.js

@@ -1,176 +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: "",
-    type: 'label',
-    position: [],
-    text: "",
-    fontSize: 16,
-    fontWeight: 'normal',
-    fontFamily:"楷体",
-    color: "#000000",
-    background: '',
-    opacity: 1,
-    outline: false,
-    outlineColor: "#ffffff",
-    outlineWidth: 2,
-    outlineOpacity: 1,
-    offset: [0, 0],
-    angle: 0,
-    scaleByDistance: true,
-    distanceDisplayCondition: false,
-    distanceDisplayCondition_far: Number.MAX_VALUE,
-    distanceDisplayCondition_near: 0,
-    data: null
-  }
-
-  class mars3d_class extends mars3d_entity {
-    type = 'label'
-    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 (this.option.type === 'label') {
-        this.graphic = new mars3d.graphic.LabelEntity(this.config)
-      } else if (this.option.type === 'mapLabel') {
-        this.graphic = new mars3d.graphic.RectangleEntity(this.config)
-      }
-    }
-
-    formatConfig(option) {
-      if (option.type === 'label') {
-
-        const position = new mars3d.LngLatPoint(
-          option.position[0],
-          option.position[1],
-          option.position[2] || 0
-        );
-        return {
-          id: option.id,
-          position: position,
-          style: {
-            text: option.text,
-            color: option.color,
-            opacity: option.opacity,
-            font_size: option.fontSize,
-            font_family: option.fontFamily,
-            outline: option.outline,
-            outlineColor: option.outlineColor,
-            outlineWidth: option.outlineWidth,
-            outlineOpacity: option.outlineOpacity,
-            pixelOffset: option.offset,
-            scaleByDistance: option.scaleByDistance,
-            clampToGround: !option.position[2],
-            distanceDisplayCondition: option.distanceDisplayCondition,
-            distanceDisplayCondition_far: option.distanceDisplayCondition_far,
-            distanceDisplayCondition_near: option.distanceDisplayCondition_near,
-            background: !!option.background,
-            backgroundColor: option.background,
-          },
-          attr: option.data
-        }
-      } else if (option.type === 'mapLabel') {
-        const p1 = new mars3d.LngLatPoint(option.position[0][0], option.position[0][1])
-        const p2 = new mars3d.LngLatPoint(option.position[1][0], option.position[1][1])
-        return {
-          id: option.id,
-          positions: [p1, p2],
-          style: {
-            clampToGround: !option.position[0][2],
-            materialOptions: {
-              text: option.text,
-              font_family: '楷体',
-              color: option.color,
-              font_weight: option.fontWeight,
-              font_size: option.fontSize,
-              background: !!option.background,
-              stroke: option.outline,
-              strokeColor: option.outlineColor,
-              strokeWidth: option.outlineWidth,
-              opacity: option.opacity,
-            },
-            materialType: mars3d.MaterialType.Text,
-            rotationDegree: option.angle,
-            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.Text(this.config)
-    }
-
-    formatConfig(option) {
-      let amapPosition = wgs84ToGcj02Format(option.position)
-      return {
-        extData: {
-          id: option.id,
-          data: option.data,
-        },
-        text: option.text,
-        anchor: 'center', // 设置文本标记锚点
-        draggable: true,
-        cursor: 'pointer',
-        style: {
-          'border': 0,
-          'text-align': 'center',
-          'font-size': option.fontSize,
-          'color': option.color,
-          'background-color': option.background,
-        },
-        position: [amapPosition[0], amapPosition[1]],
-        offset: option.offset,
-      }
-    }
-
-    set(option) {
-      deepMerge(this.option, option)
-      this.config = this.formatConfig(this.option)
-      this.graphic.setText(this.config.text)
-      this.graphic.setStyle(this.config.style)
-      this.graphic.setPosition(this.config.position)
-
-    }
-  }
-
-  const fn = {
-    mars3d: mars3d_class,
-    gaode: gaode_class
-  }
-
-  return fn[hnMap.mapType]
-}