Google Maps API ImageMapType仅包含一张可以放大并与之交互的图像(无平铺)吗?

时间:2018-12-28 20:48:42

标签: javascript reactjs google-maps

给出以下代码:

const map = new this.googleMaps.Map(
  this.map, {
    zoom: 0,
    center: {lat: 0, lng: 0},
    mapTypeControl: false
  }
)

let image = this.mapStore.currentlyActiveMap.map.image
let imageHeight = this.mapStore.currentlyActiveMap.map.image_height
let imageWidth = this.mapStore.currentlyActiveMap.map.image_width

const floorplan = new this.googleMaps.ImageMapType({
  getTileUrl: function(coord, zoom) {
    return image
  },
  tileSize: new this.googleMaps.Size(imageWidth, imageHeight),
  maxZoom: 15,
  minZoom: 0,
  name: 'floorplan'
});

map.mapTypes.set('floorplan', floorplan)
map.setMapTypeId('floorplan')

}

我将如何将其设置为可以与之交互,缩放移动和放置图钉等的单个图像。基本上我不需要将图像平铺或至少看起来不平铺给最终用户?

我有尺寸和提供的完整分辨率图像。

我也知道已经对此进行了某种形式的讨论,但是我并不是在寻找内部的底层描述,而是在可能的情况下如何与一个简单的图像进行交互。

一如既往地感谢所有方向,所以在此先感谢您!

0 个答案:

没有答案