2015-02-11 57 views
1

如何通過使用此代碼在這裏的地圖添加自定義圖像標記, 我可以在地圖中添加標記:如何在此處添加自定義圖像標記?

var map, standardMarker; 
map = new nokia.maps.map.Display(mapContainer, { 
center: [lat, log], 
zoomLevel: 12, 
components: [new nokia.maps.map.component.Behavior(), 
new nokia.maps.map.component.ZoomBar(), 
new nokia.maps.map.component.TypeSelector()] 
    }); 
standardMarker = new nokia.maps.map.StandardMarker(map.center); 
map.objects.add(standardMarker); 

但問題是地圖包含了許多標記,所以我需要小自定義標記。 任何人都可以幫助我!

回答

2

nokia.maps是HERE地圖JavaScript API版本2.5的舊版本,您可以使用新版本的HERE地圖JS API 3.0。我建議使用最新的3.0版本進行新的開發。

https://developer.here.com/documentation 和一些例子http://developer.here.com/api-explorer

/** 
    * Step 1: initialize communication with the platform 
    */ 
    var platform = new H.service.Platform({ 
     app_id: hereMapAppID, 
     app_code: hereMapAppCode, 
     useHTTPS: true, 
     useCIT: false 
    }); 
    var defaultLayers = platform.createDefaultLayers(); 

    var mapContainer = document.getElementById('hereMapDivId'); 

    //Step 2: initialize a map - not specificing a location will give a whole world view. 
    var map = new H.Map(mapContainer, 
      defaultLayers.normal.map,{ 
      center: {lat: 53.430, lng: -2.961}, 
      zoom: 7 
      }); 

    //Step 3: make the map interactive 
    // MapEvents enables the event system 
    // Behavior implements default interactions for pan/zoom (also on       mobile touch environments) 
    var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map)); 

    // Create the default UI components 
    var ui = H.ui.UI.createDefault(map, defaultLayers); 

    var yourMarker = baseUrl+'/images/ico/your_marker.png'; 
    var icon = new H.map.Icon(yourMarker); 
    marker = new H.map.Marker(map.center, { icon: icon }); 
    var group = new H.map.Group(); 
    map.addObject(group); 
    group.addObject(marker); 
+1

很好的例子,所有我看到的是純SVG,感謝清理該PNG圖像和類似的也可以使用。你能指點我說的那個文件在哪裏嗎? – guival 2016-07-13 12:11:50

+0

@guival對不起,對於遲到的回覆,我已經提到了頂部的文檔網址, – Elby 2016-09-08 06:35:51

+0

是的,我可以看到。我已經通過了很多文檔,除了SVG被用於圖標外,沒有提到任何其他的例子。這就是爲什麼我想知道你在文檔中發現了哪些內容。您的鏈接是通用文檔。 – guival 2016-09-08 07:25:51

相關問題