显示HERE地图中标记悬停的内容Div [英] Showing a content Div on hover of a marker in HERE Maps

问题描述

我是新来的地图，需要在标记悬停时显示div。我已经能够使用图标放置标记但现在需要显示带有一些额外信息的div。 HERE maps API是否提供此功能？
任何文档URL或代码都将受到赞赏。
注意：我正在使用HERE地图JS API for web。

I am new to here maps and need to show a div on marker hover. I have been able to put markers with icons but now need to show a div with some extra information. Does HERE maps API provide this functionality? Any doc URL or piece of code will be appreciated. NOTE: I am using HERE maps JS API for web.

推荐答案

我能找到合适的鼠标HERE地图标记的事件 pointerenter 和 pointerleave 以及使用这些事件的示例代码是：

I have been able to find proper mouse over events for HERE map's markers which are pointerenter and pointerleave and sample code to use these events is:

// After Initializing map with your own credentials.
var map = new H.Map(document.getElementById('map'),
      defaultLayers.normal.map,{
      center: {lat: LAT_VAL, lng: LNG_VAL},
      zoom: 12
    });

var domMarker = new H.map.DomMarker(coords, {
            icon: domIcon
          });
var bubble;
domMarker.addEventListener('pointerenter', function(evt) {
              bubble = new H.ui.InfoBubble({lat:"SOME_VALUE",lng:"SOME_VALUE"}, {
              content: "Your content come here"
            });
            ui.addBubble(bubble);
          }, false);
          domMarker.addEventListener('pointerleave', function(evt) {
            bubble.close();
          }, false);
map.addObject(domMarker);

这篇关于显示HERE地图中标记悬停的内容Div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！