Javascript 谷歌地图api中带有图像和数字的标记

Javascript 谷歌地图api中带有图像和数字的标记,javascript,php,google-maps,google-maps-api-3,Javascript,Php,Google Maps,Google Maps Api 3,我正在使用gmap。。我想在地图上放置一些标记。标记图标是动态的,我还想用图标显示一个“数字”,这可能吗。。 我的代码是 function putMaker(position, title, title_dis, number, icon_img) { if (!isNaN(number)) var icon = "https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|b

我正在使用gmap。。我想在地图上放置一些标记。标记图标是动态的,我还想用图标显示一个“数字”,这可能吗。。 我的代码是

function putMaker(position, title, title_dis, number, icon_img)
{
    if (!isNaN(number))
        var icon = "https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|" + number + "|FFFFFF|000000";
    else
        var icon = null;
    var marker = new google.maps.Marker({
        position: position,
        map: map,
        icon: icon_img,
        shadow: icon,
    });
    google.maps.event.addListener(marker, 'mouseover', function() {
        infowindow.setContent(title_dis);
        infowindow.open(map, this);
    });
}
图标是

var icon_img = new google.maps.MarkerImage(
        "<?php echo  base_url().'timthumb.php?src='.$url.'&h=32&w=50'; ?>", //url
        new google.maps.Size(50, 32), //size
        new google.maps.Point(0, 0), //origin
        new google.maps.Point(0, 32) //anchor 
        );
var icon\u img=new google.maps.MarkerImage(
“”,//url
新的google.maps.Size(50,32),//Size
新的google.maps.Point(0,0),//原点
新的google.maps.Point(0,32)//锚点
);

完全可以使用。您可以通过添加
图标
参数来修改(您可以在其中添加以下任何参数):

var marker = new MarkerWithLabel({
   position: homeLatLng,
   map: map,
   draggable: true,
   raiseOnDrag: true,
   labelContent: "2", // your number
   icon: "img/your_icon.png",
   labelAnchor: new google.maps.Point(3, 30),
   labelClass: "labels", // the CSS class for the label
   labelInBackground: false
 });