如何使用OpenLayers创建圆形图标图像？
如何使用OpenLayers创建圆形图标图像？
提问于 2017-10-24 19:52:43
我在我的离子型应用程序中使用开层。现在我把用户放到地图上。我被困住了，我不知道如何在用户元素中添加一些自定义的css样式，因为它在html中是不可见的。正如你在下面的截图中所看到的，我在背景中画圆圈，然后在上面添加图像。现在我也希望那个图像是圆的。最简单的事情是使用css，但我无法将它添加到元素中。
示例地图：https://gyazo.com/3fb6b2e3565572b0c0a64044c645e364
我正在定义圆圈和图标的代码的一部分：https://gyazo.com/cc80d368dfa8874739be14ce09eadffd
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-25 06:08:12
我为这找到了解决办法。相反，我使用ol.Feature作为标记，这是用ol.Overlay完成的。现在，我可以将任何html 元素放到地图上，并控制它，因为它在html中是可访问的。(屏幕#2)
updateMarkers(featuresArr) {
for(var i = 0; i < featuresArr.length; i++)
{
var overlayelement = new ol.Overlay({
stopEvent: false,
positioning: 'center-center',
element: document.getElementById('slika')
});
overlayelement.setPosition(featuresArr[i].getGeometry().getCoordinates());
this.olMap.addOverlay(overlayelement);
}}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46918964
复制相关文章
相似问题
腾讯云开发者
