openlayer 自定义打点，鼠标移动到点上支持hint提示信息

OpenLayers是一个强大的JavaScript库，用于构建互动地图应用。自定义打点（通常是标记地标或兴趣点）在OpenLayers中可以通过创建`ol.Feature`对象并添加到`ol.Map`的`ol.layer.Vector`上实现。当鼠标悬停在点上时，为了提供提示信息（Hint），你可以利用`ol.interaction.DoubleClickZoom`事件结合`ol.control.Attribution`或`ol.control.InfoWindow`。

以下是步骤：

1. 创建一个Feature对象，设置其坐标和属性（如果需要）：

var point = new ol.Feature({
  geometry: new ol.geom.Point([lon, lat]),
  properties: {
    title: '自定义提示信息',
    description: '更多信息...'
  }
});

2. 将这个Feature添加到Vector层：

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [point]
  })
});

map.addLayer(vectorLayer);

3. 使用`ol.interaction.DoubleClickZoom`监听双击事件，并在提示框中显示Hint信息：

var interaction = new ol.interaction.DoubleClickZoom({
  hitTolerance: 5 // 可调整鼠标点击范围
});
map.addInteraction(interaction);

// 当鼠标悬停在点上时显示InfoWindow
vectorLayer.on('click', function(event) {
  var feature = event.feature;
  var infoWindow = new ol.control.InfoWindow({
    content: '<h4>' + feature.properties.title + '</h4>' +
             '<p>' + feature.properties.description + '</p>'
  });
  map.addControl(infoWindow);
  infoWindow.open(map, feature.getGeometry());
});