谷歌地图Api 3符号

Question

我想在谷歌地图上显示我当前位置的标记，我可以根据用户的标题旋转。

目前只有符号可以附加到一个标记和旋转(更多在这里https://developers.google.com/maps/documentation/javascript/symbols)。

我的挑战是，我想使用一个自定义符号，看起来像这样(https://drive.google.com/file/d/0B5UD8mTDFqP7UHZ6bGpMeGpFR1U/edit?usp=sharing)。

我的问题是SVG文件用来定义PATH和CIRCLE的形状，但是google API只支持PATH。

这是SVG标记:

<g> <g> <path fill-rule="evenodd" clip-rule="evenodd" fill="#ED6C61" d="M8.234,17.247c- .68,0-3.28-0.336-4.744-0.938c1.975,2.701,3.938,4.688,4.744,4.688s2.77-1.986,4.745-4.688C11.516,16.911,9.915,17.247,8.234,17.247z"/> </g> </g> <circle fill="#ED6C61" cx="8.235" cy="8.235" r="8.235"/>

如何仅通过路径获得这个形状?

谢谢

Answer 1

为两个对象创建单个路径

工作流(使用之):

1. 打开SVG
2. 选择圆

3. 将圆转换为路径:
   CTRL+SHIFT+C(或菜单->路径->对象到路径)

4. select both paths:
   CTRL +

5. 组合路径:
   CTRL+K(或菜单->路径->组合)

结果:

 m 16.469999,8.2349997 c 0,4.5480643 -3.686935,8.2349993 -8.2349993,8.2349993 C 3.6869349,16.469999 0,12.783064 0,8.2349997 0,3.6869349 3.6869349,0 8.2349997,0 12.783064,0 16.469999,3.6869349 16.469999,8.2349997 z M 8.234,17.247 c -1.68,0 -3.28,-0.336 -4.744,-0.938 1.975,2.701 3.938,4.688 4.744,4.688 0.806,0 2.77,-1.986 4.745,-4.688 -1.463,0.602 -3.064,0.938 -4.745,0.938 z

演示:http://jsfiddle.net/doktormolle/LLH5s/