相关疑难解决方法(0)

Google Maps API,添加带有标签的自定义 SVG 标记

我正在尝试向我的 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)

请注意,我只添加了相关代码,如果需要更多让我知道。如您所见,我无法对齐标签和标记。理想情况下,我希望将它放在图钉圈内,但在图钉下方也可以使用。提前致谢。

在此处输入图片说明

javascript svg google-maps google-maps-api-3

3
推荐指数
1
解决办法
4805
查看次数

标签 统计

google-maps ×1

google-maps-api-3 ×1

javascript ×1

svg ×1