2017-04-10 8 views
0

私はシナリオに取り組んでいます。ノキアマップの上にオーバーレイとしてフロアプランを置く必要があったので、私はマップの上に画像を得ることに成功しました。問題は、私が特定の建物に完全に収まる必要があるので、私はそれを動かすことができないように見えるということです。私は何が間違っている/行方不明ですか?それをさらに正確にする理由はありますか?クリックで建物のフロアプランのための画像を提供ノキアhere maps-api map overlay

$(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

は見えない建物の特定の場所にマーカーを作成し、クリックイベントを処理することにより対応することができます。クリックするとイベントが発生し、イメージはinfobubbleとして表示されます。マーカーの位置は、位置の緯度および経度に固有であり、必要に応じてアンカーオフセットを使用してマーカーを調整することができます。

Using SVG markers with images