添加文本到谷歌地图折线图标

Question

我尝试将文字添加到折线icons property。

图标的路径属性可以跟随SVG path notation。 我正在寻找的是使用路径符号表示字母A-Z和数字0-9的svg表示。

Answer 1

SO不是任何类型资源的搜索引擎，这里解释了如何自己轻松创建这些路径（使用inkscape）

1. 打开新文档
2. 使用文字工具（有一个带有“A”的按钮或点击 F8 ）并输入所需的数字/字母
3. 点击 F1 并将对象移动到图纸的左上角
4. 从顶部菜单中选择路径 - ＆gt;对象到路径
5. 将文档另存为 plain svg
6. 使用文本编辑器打开SVG，您将在文档的某处看到路径

您也可以使用代码浏览器来获取路径（ CTRL + SHIFT + X ）

，而不是保存SVG。

通过此方法创建的2个样本：

答

m 0,28.362183 10.996094,-28.63281288 4.082031,0 11.71875,28.63281288 -4.316406,0 -3.339844,-8.671875 -11.9726563,0 -3.1445312,8.671875 z m 8.2617188,-11.757813 9.7070312,0 -2.988281,-7.9296874 c -0.911473,-2.4088321 -1.588555,-4.3879967 -2.03125,-5.9375 -0.364596,1.8359613 -0.878919,3.6588762 -1.542969,5.46875 z

<强> Z：

M 0,28.362183 0,24.846558 14.667969,6.5067139 c 1.04165,-1.3020602 2.031232,-2.4348716 2.96875,-3.3984375 l -15.9765628,0 0,-3.37890628 20.5078128,0 0,3.37890628 -16.074219,19.8632816 -1.7382813,2.011718 18.2812503,0 0,3.378907 z

演示：http://jsfiddle.net/doktormolle/jkwyd46h/