标记内容未在标记

时间:2016-02-17 13:32:30

标签: css google-maps

我有以下代码在标记上显示标签。这是有效的,但数字大于10被裁剪为个位数(如果10则显示1 ......等)。如何更改字体大小或标签宽度?或者还有其他解决方案来显示全文吗?

var label = (x+1).toString() 
var marker = new Array();
      var image = 'images/image.png';
        marker = new google.maps.Marker({
        map: resultsMap,
        position: latlng, 
        title: "Address",
        radius: int_radius ,
        draggable: false,
        label: {
    text: label,
    color: 'white'


  },
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        icon: image,
        labelClass: "labels",
        customInfo: "<p><strong>Store Name</strong></p>"+storename[x]+"<p><strong>Address</strong></p>"+address[x]+"<p><strong>Phone</strong></p>"+phone[x]
      });   

当应用font-size时,&#34; - &#34;字符给出错误。请帮助。

1 个答案:

答案 0 :(得分:1)

标记标签目前仅限于1个可见字符。

您可以创建自定义叠加层(例如,通过http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/docs/reference.html

另一种选择:动态图片(例如https://developers.google.com/chart/image/docs/gallery/dynamic_icons,但已被弃用)