有沒有辦法給Here Maps標記添加方位/標題視覺？

Question

我用Here Maps以及一些例子Here Javascript API Explorer和Here Maps on GitHub擺弄了一下。

我試着看看是否已經有一種方法來添加除經度和緯度之外的視覺方位屬性，並且在標記中出現一些小小的提示。這感覺像很多人想要的東西，所以只是爲了檢查我沒有漏掉任何明顯的東西...

• 有沒有辦法給標記添加視覺方位信息？
  • 如果沒有，有誰知道是否有一個使用自定義標記來實現這個我只是找不到的例子？

Answer 1

沒有軸承/航向控制準備提供的API中 - 你必須創建自己的自定義map component。通常的做法是在地圖控件中注入一些HTML作爲新的DOM元素。

首先定義自定義HtmlControl如圖所示：

function extend(B, A) { 
    function I() {} 
    I.prototype = A.prototype; 
    B.prototype = new I(); 
    B.prototype.constructor = B; 
} 

function HtmlControl (html, id) { 
    nokia.maps.map.component.Component.call(this); 
    this.init(html, id); 
} 

extend(HtmlControl, 
     nokia.maps.map.component.Component); 


HtmlControl.prototype.init = function (html, id) { 
    that = this; 
    that.id = id 
    that.set("node", document.createElement("div")); 
    that.node.innerHTML = html; 
}; 

HtmlControl.prototype.getId = function() { 
    return "HtmlControl." + this.id; 
}; 

HtmlControl.prototype.attach = function(map) { 
    map.getUIContainer().appendChild(this.node); 
}; 

HtmlControl.prototype.detach = function(display) { 
    map.getUIContainer().removeChild(this.node); 
}; 

然後設置map並添加自定義組件，如下所示：

htmlControl = new HtmlControl(
    "<img id='compass' style='left:4em;top:1em;width:100px;height:100px' src='...'/>", "Compass"); 
map.components.add(htmlControl); 

爲<img>元素源文件將需要持有指南針圖像。這是最有可能是與正北朝上因爲地圖的控制是基於Normalized Mercator projection

的圖像或者查看使用Map Image API和調查ra參數旋轉地圖。