Question

所以我正在制作一个场景，我需要在诺基亚地图上放置一个平面图，我已经成功地将图像放在地图上，问题是我不能和似乎能够移动它，因为我需要完全适合特定的建筑物。我做错了什么/错过了什么？有没有什么可以让它更精确？

$(function(){
    var behavior = new H.mapevents.Behavior(mapEvents);
    $('#knapp').click(function(){
    overlayFloorplan(map);
});

function overlayFloorplan(map) {

  var tileProvider = new H.map.provider.ImageTileProvider({

    min: 14,
    max: 17,

    getURL: function (column, row, zoom) {
      if (((zoom == 14) && (row < 4742 || column < 8880 || row > 4746 || column > 8884)) || 
        ((zoom == 15) &&  (row < 9484 || column < 17760 || row > 9492 || column > 17768)) ||
        ((zoom == 16) && (row < 18968 || column < 35520 || row > 18984 || column > 35536)) ||
        ((zoom  == 17) && (row < 37936 || column < 71040 || row > 37968 || column > 71072))) {
        console.log('BLANK');
        return //picture location
      } else {
        return //picture location
      }
    }
  });

  var overlayLayer = new H.map.layer.TileLayer(tileProvider, {
    opacity: 0.5,
  });

  map.addLayer(overlayLayer);
  }
});

Answer 1

通过在不可见的建筑物特定位置创建标记并处理点击事件，可以处理在点击时为建筑物的平面图提供图像。单击事件发生时，图像可以显示为信息。标记的位置将特定于位置的纬度和经度，并且如果需要，可以使用锚定偏移来调整标记。

Using SVG markers with images

诺基亚这里有地图-api地图叠加

1 个答案: