诺基亚here地图-api地图覆盖

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