丑陋的动态谷歌图标 - 任何补救措施?

时间:2011-10-21 19:34:39

标签: javascript google-maps google-maps-api-3 google-api google-visualization

我正在尝试为GM API v3制作自定义图标(我想要数字1-20,所有图钉大小相同),我找到了Dynamic icons in Google Charts

enter image description here enter image description here enter image description here enter image description here

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

你看到“1”和“11”没有很好地居中!有什么想法吗?

如此漂亮的API和如此难看的图标!

<小时/> PS:请注意,此API现已弃用,and no remedy has been found

1 个答案:

答案 0 :(得分:0)

某些尺寸组合更好,但看起来右侧总是有一个像素过多。

或者可能是一个绝望的黑客:

<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>

    ...