在OpenLayers中使用和百度地图一样的图标

商业地图中的图标

在高德地图、百度地图看到的图标都是十分好看的图标,然而如果通过图片生成的图标和我们预想中的效果始终有点差距,本文的目的是通过SVG的方式生成一种和谷歌地图图标十分相似的效果。

当然,除了可以直接设置png的文件url之外,也可以设置svg的文件url,但这并不是唯一的加载svg图标的方式。提供了直接使用图像对象来设置的方式,对应于ol.style.Icon构造函数中的img参数。

实现代码

"map" style="width: 100%">

你可能感兴趣的:(Gis)