我可以将 html 对象“粘贴”到图标或地图的移动部分吗？

Question

问题可能看起来有点含糊。我有一个 mapquest 地图，我用传单图标标记它。这些图标以编程方式添加，即：

var marker = L.marker([40.613953, -75.477791], {icon: cameraIcon}).addTo(Window.map);
marker.id = "MyMarker";
marker.addEventListener("click", loadSomething);

在 loadSomething 函数中，我希望能够将 iframe 附加到该图标。现在我所做的只是获取单击事件的 x/y 并在该位置的页面上创建一个对象。

问题是，当地图移动（随后我的图标移动）时，我创建的对象显然固定在原始 x/y 上。我希望能够附加那个对象。

传单的开发者论坛有简单的选项可以将图像/视频和类似的简单项目添加到地图，但对于非标准的 html 项目，我很好奇是否有面向 css 的解决方案。我检查了页面，图标本身没有“id”，我正在考虑使用它来获取项目并假设继承其样式。

有任何想法吗？

Answer 1

解决方案非常简单，可以将自定义 HTML 内容嵌入到标记弹出窗口中。这是一个简单的例子：Window.map = L.map('map', {&nbsp; &nbsp; layers: mapLayer,&nbsp; &nbsp; center: [ 40.613953, -75.477791],&nbsp; &nbsp; zoom: 12});var cameraIcon = L.icon({iconUrl: 'ipcam.png',});var marker = L.marker([40.613953, -75.477791], {icon: cameraIcon}).addTo(Window.map);marker.bindPopup('<iframe src="test.html" width="300px" height="300px" style="border:none;"></iframe>').openPopup();marker.importantInfo = "Testing Important Marker Info";marker.id = "MyMarker";