2017-04-10 81 views
0

所以我正在一个场景工作是我需要有一个平面图作为诺基亚地图上的覆盖,我成功地获得了地图顶部的图像,问题在于我似乎无法将其移动,因为我需要完美地适应特定的建筑。我做错了什么/失踪?有什么原因让它更加精确吗?诺基亚这里地图-API地图覆盖

$(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); 
    } 
}); 

回答

0

提供上点击建筑物的平面图的图像可以通过创建在大楼具体位置是看不见的标记和处理click事件来处理。点击事件发生时,图像可以显示为一个infobubble。标记的位置将特定于位置的纬度和经度,并且标记可以根据需要使用锚点偏移进行调整。

Using SVG markers with images