Как добавить пользовательский маркер изображения в карты?

Question

как можно добавить маркер пользовательского изображения в здесь карте, я могу добавить маркеры на карте, используя этот код:

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); 

, но проблема в том, карта содержит множество маркеров, так что мне нужно небольшое пользовательские маркеры. может кто-нибудь мне помочь !?

Answer 1

nokia.maps - это старая версия ЗДЕССКОЙ карты 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);