javascript - 我如何在此处的 map 中添加自定义图像标记?

标签 javascript maps markers here-api

如何在此处 map 中添加自定义图像标记, 我可以使用以下代码在 map 中添加标记:

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

但问题是 map 包含许多标记,所以我需要小的自定义标记。 谁能帮帮我!?

最佳答案

nokia.maps 是旧版 HERE map JavaScript API 2.5 版,您可以使用新版 HERE map 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);

关于javascript - 我如何在此处的 map 中添加自定义图像标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28447639/

相关文章:

android - 使用 Android Mapbox SDK 显示多个标记的自定义信息窗口

javascript - 让文本输入在 ReactJS 中工作

javascript - 使用 select() 复制值并复制

mysql - SSRS map 功能无法获取我的空间数据

android - 将平面图位置转换为屏幕 map 上的坐标

安卓 map : how to determine map center after a drag has been completed

javascript - jQuery val() 无法在 Aloha Editor 的动态 <select> 上正常工作

javascript - 在浏览器中将字节数组显示为 pdf 我尝试了堆栈溢出中的几个选项,但它对我不起作用

swift - 针脚反向地理编码

javascript - 在 Google map 标记周围添加圆/半径