在此处地图的 kml 文件中的标记旁边显示信息气泡

问题描述

我有一个 kml 文件：

<Placemark>
        <name>Ab Kettleby,Leics,6,9cwt,Wed</name>
        
        <description><![CDATA[<b>County:</b> Leics<br/><b>Bells:</b> 6<br/><b>Tenor:</b> 8cwt - 2qr - 22lb<br/><b>Practice:</b> Wed<br/><b>Grid Ref:</b> SK724229<br/><a href="https://dove.cccbr.org.uk/detail.PHP?DoveID=AB KETTLEB">Dove Website</a><br/><a href="http://www.abkettlebybells.co.uk/">Tower Website</a>]]></description>
        <styleUrl>#Dove60</styleUrl>
        <Point>
            <coordinates>-0.92747,52.79858000000001,0</coordinates>
        </Point>
    </Placemark>
    <Placemark>
        <name>Ab Kettleby (SatNav),Wed</name>
        
        <description><![CDATA[<b>County:</b> Leics<br/><b>Bells:</b> 6<br/><b>Tenor:</b> 8cwt - 2qr - 22lb<br/><b>Practice:</b> Wed<br/><b>Grid Ref:</b> SK724229<br/><a href="https://dove.cccbr.org.uk/detail.PHP?DoveID=AB KETTLEB">Dove Website</a><br/><a href="http://www.abkettlebybells.co.uk/">Tower Website</a>]]></description>
        <styleUrl>#DovePKG0</styleUrl>
        <Point>
            <coordinates>-0.92635,52.79968,0</coordinates>
        </Point>
    </Placemark>
    <Placemark>
        <name>Abbess Roding,Essex,3 U/R,4cwt</name>
        
        <description><![CDATA[<b>County:</b> Essex<br/><b>Bells:</b> 3 <span style="color:#CC3333;">U/R</span> <br/><b>Tenor:</b> 4cwt<br/><b>Grid Ref:</b> TL571114<br/><a href="https://dove.cccbr.org.uk/detail.PHP?DoveID=ABBESS ROD">Dove Website</a><br/>]]></description>
        <styleUrl>#DoveUR0</styleUrl>
        <Point>
            <coordinates>0.2769,51.77958,0</coordinates>
        </Point>
    </Placemark>

我想在每个标记旁边的气泡中显示 name 的内容（不使用事件：即自动）。

目前我有以下代码显示 kml 层并允许在事件点击时显示信息气泡。

let reader = new H.data.kml.Reader('Dove.kml');
reader.parse();
kml = reader.getLayer();
map.addLayer(kml);
      kml.getProvider().addEventListener('tap',function(ev) {
  const info = ev.target.getData();
  let content = '<b>' + info.name + '</b><br/>';
  content += info.description;
  let bubble =  new H.ui.InfoBubble(ev.target.getGeometry(),{
    content: content
  });
  ui.addBubble(bubble);
});

地图示例见 https://wcsb.nz/wellringers/Example/kmltest.php。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）