2017-04-10 87 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