txs1992 / fast-amap Goto Github PK

View Code? Open in Web Editor NEW

130.0 1.0 17.0 2.78 MB

🚀🚀🚀 一个基于 Vue 的高性能高德地图组件库，A High Performance AMap Component Library Based on Vue.

Home Page: https://txs1992.github.io/fast-amap/

License: MIT License

JavaScript 75.49% HTML 0.27% Vue 24.10% SCSS 0.14%

map-conponent amap amap-component vue vue-amap amapsdk

fast-amap's People

Contributors

Stargazers

Watchers

Forkers

diamond2128 my-plugin xtgefzhangqing parasol-tree zhouyong10 vampire1212 wanghuaichen 1322548443 martincorner yuzhoufeiren dexilc blaunicorn flyjin spygg zhanghaifei1997 lingtoo kandandiani

fast-amap's Issues

关于FastInfoWindow默认显示的问题

大佬可以增加一个控制InfoWindow加载完成后默认显示或者默认不显示的控制项么。因为有些业务需求需要通过Marker点击后再出现InfoWindow。现目前本人的项目是通过v-if进行控制渲染，但使用该方法回导致一系列加载时机的问题，让其变得难以控制。望大佬增加一个控制选项配置，感谢大佬。
由于本人才疏学浅，只能跟上大佬的一点点思路，去跟了一下大佬的源码。发现是大佬创建实例后，默认调用了open函数

    handleOptionsChange() {
      this.getAMapPromise().then(() => {
        const map = this.getMapInstance(this.mid)
        const options = this.getInstanceOptions()
        if (!this.content && this.$el) {
          options.content = this.$el
        }
        const instance = this.createInstance(options)
        this.instance = instance
        instance.open(map, this.position)
      })
    },

如何获取地图实例引用除工具类之外的插件，例如AMap.ToolBar

那你有考虑地图上面的一些计算吗

高德地图上有一些计算方法不知道在你的里面能不能用

fast-info-window 里面设置options不起作用

fast-info-window 里面设置options不起作用里面设置的属性不起作用，并且不能动态的去替换希望能有个例子

<fast-info-window
        is-cstom
        ref="infoWindow"
        mid="infoWindow"
        :offset="[-13, -30]"
        :position="[121.472644, 31.231049]"
        :default-open="false"
        :options="options"
      >
      </fast-info-window>

data里面

    options: {
        position: [123.472644, 31.231049],
        content: `<div>测试内容</div>`
      }

这样显示的是没内容的如果把 :position="[121.472644, 31.231049]" 去掉直接没东西了
也没办法根options里面的内容区动态的改变infowindow里面的东西不知道是设计如此还是怎么回事

 var layer = new AMap.TileLayer({
          zooms:[3,20],    //可见级别
          visible:true,    //是否可见
          opacity:1,       //透明度
          zIndex:0         //叠加层级
    })
    var map = new AMap.Map('container',{
          layers:[layer] //当只想显示标准图层时layers属性可缺省
    });

在vue中

 <fast-map
      :mid="12"
      ref="map"
      :zoom="15"
      :options="options"
      :center="center"
      :double-click-zoom="false"
      @click="handleClick"
      @complete="handleComplete"
      :layers="layers"
      @dragstart="handleMovestart"
      @resize="handleMapmove"
    >

data() {
    return {
      options: {
        height: 800,
        zooms: [3, 16]
      },
      center: [121.472644, 31.231049],

      layers: [new Amap.TileLayer.Satellite(), new Amap.TileLayer.RoadNet()]
    }
  }

我如何拿到这个Amap呢