如何在here map SDK 3.6中的标记上显示信息

在 Here Map SDK 3.6 中，可以通过以下步骤在标记上显示信息：

创建地图容器：在 HTML 页面中创建一个容器元素，用于显示地图。例如，可以使用一个 <div> 元素作为容器，并设置其宽度和高度。
初始化地图：使用 Here Map SDK 提供的 JavaScript API，初始化地图对象并将其绑定到容器元素上。可以指定地图的中心点坐标和缩放级别。
创建标记对象：使用 H.map.Marker 类创建一个标记对象，并指定其位置坐标。
创建信息窗口：使用 H.ui.InfoBubble 类创建一个信息窗口对象，用于显示标记的信息。
设置标记的点击事件：通过监听标记对象的 tap 事件，当用户点击标记时触发相应的操作。
在点击事件中显示信息窗口：在标记的点击事件处理函数中，设置信息窗口的内容，并将信息窗口添加到地图上。

以下是一个示例代码，演示了如何在 Here Map SDK 3.6 中的标记上显示信息：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  <script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
  <script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
  <script src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
  <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
</head>
<body>
  <div id="map" style="width: 800px; height: 600px;"></div>

  <script>
    // 初始化地图
    var platform = new H.service.Platform({
      apikey: 'YOUR_API_KEY'
    });
    var defaultLayers = platform.createDefaultLayers();
    var map = new H.Map(
      document.getElementById('map'),
      defaultLayers.vector.normal.map,
      {
        center: { lat: 52.5, lng: 13.4 },
        zoom: 10
      }
    );

    // 创建标记对象
    var marker = new H.map.Marker({ lat: 52.5, lng: 13.4 });

    // 创建信息窗口
    var infoBubble = new H.ui.InfoBubble({ lat: 52.5, lng: 13.4 }, {
      content: 'This is a marker.'
    });

    // 设置标记的点击事件
    marker.addEventListener('tap', function () {
      // 在点击事件中显示信息窗口
      ui.addBubble(infoBubble);
    });

    // 将标记添加到地图上
    map.addObject(marker);

    // 创建 UI 控件
    var ui = H.ui.UI.createDefault(map, defaultLayers);
  </script>
</body>
</html>

在上述示例代码中，需要将 YOUR_API_KEY 替换为你自己的 Here Map API 密钥。此外，你还可以根据需要自定义标记的位置、信息窗口的内容和样式。