时间戳

首页 > 解决方案 > TomTom 地图中标记中的 Svg 图标

tomtom - TomTom 地图中标记中的 Svg 图标

问题描述

我正在开发一个在 WebSdk 上使用 TomTom 地图的项目。我目前正在使用png图像作为标记，我想知道我们是否可以svg在标记中使用图标而不是图像？

标签： tomtom

解决方案

试试这样：

var svg = '<?xml version="1.0" encoding="UTF-8"?><svg height="100" width="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /></svg>';
var iconUrl = 'data:image/svg+xml;base64,' + btoa(svg);
tomtom.L.marker([51.75939,19.44856], {
  icon: tomtom.L.icon({
    iconUrl: iconUrl,
    iconSize: [30, 34],
    iconAnchor: [15, 34]
  })
}).addTo(map);

推荐阅读