丑陋的动态谷歌图标 - 有什么补救办法吗？

Question

我正在尝试为 GM API v3 制作自定义图标（我想要数字 1-20，所有引脚大小相同），我发现 Google 图表中的动态图标：

( http://chart.googleapis.com/ Chart?chst=d_map_spin&chld=0.65|0|FF8800|14|_|1 ）

你看“1”和“11”没有很好地居中！有什么想法吗？

如此好的 API 却如此丑陋的图标！

---

PS: note that this API is now deprecated, and no remedy has been found.

Answer 1

某些尺寸组合效果更好，但看起来右侧总是多了一个像素。

或者可能是一个绝望的黑客，比如：

<style>
    .pin{
        background:url(http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|14|_|) no-repeat 50% 50%;
        width:29px;
        height:44px;
        text-align:center;
        float:left;
        padding-top:6px
    }
</style>

    ...

<div class="pin">1</div>
<div class="pin">2</div>
<div class="pin">3</div>
<div class="pin">4</div>
<div class="pin">5</div>
<div class="pin">11</div>

    ...