首页 > 解决方案 > HERE 地图不显示带有标记的本地图像

问题描述

我在地图标记中看不到本地图像,我正在使用以下代码:

var image = "./Resources/Images/SearchResult.png"; 
    var pushpin = new H.map.Icon(image, {
        size: {
            w: 20,
            h: 34
        }});
    var marker = new H.map.Marker({
        lat: 19.36506869690797,
        lng: -99.17162822555392
    },{
        icon: pushpin
      });
    map.addObject(marker);

标签: javascriptrestmapshere-api

解决方案


如果需要添加本地图像,可以使用 DOM Marker 如下代码:

var kMarkerSearchResult  = "file:///resources/images/SearchResult.png";    
var markerHTML = '<div>' + '<img src="' + kMarkerSearchResult +'">' + '</div>';

var domIcon = new H.map.DomIcon(markerHTML);
var bearsMarker = new H.map.DomMarker({lat: 53.430, lng: -2.961 }, { icon: domIcon });

map.addObject(bearsMarker);

不要忘记将“file:///”放在路径的开头。


推荐阅读