我正在尝试向我的 SVG 标记添加标签,但文本相对于标记的位置出现问题,反之亦然。
这是我的图标:
var clickIcon = {
path: 'M8,0C3.400,0,0,3.582,0,8s8,24,8,24s8-19.582,8-24S12.418,0,8,0z M8,12c-2.209,0-4-1.791-4-4 s1.791-4,4-4s4,1.791,4,4S10.209,12,8,12z',
fillColor: myRandomColor,
fillOpacity: 1,
strokeColor: myRandomColor,
strokeWeight: 1
};
Run Code Online (Sandbox Code Playgroud)
这是我添加标记的地方:
clickMarker = new google.maps.Marker({
position: location,
map: map,
animation: google.maps.Animation.DROP,
draggable: isDraggable,
icon: clickIcon,
label: {
text: labels[labelIndex++ % labels.length],
color: 'black',
fontSize: '15px',
fontWeight: 'bold'
}
});
Run Code Online (Sandbox Code Playgroud)
请注意,我只添加了相关代码,如果需要更多让我知道。如您所见,我无法对齐标签和标记。理想情况下,我希望将它放在图钉圈内,但在图钉下方也可以使用。提前致谢。