Question

我正在尝试在Google Maps v3上设置自定义地图标记的大小。我使用下面的代码生成地图，但不确定代码google.maps.Size(12,14))应该放在哪里？

function init(){
    var e= {
        center:new google.maps.LatLng(xx.xxxxx,-x.xxxxx),
        zoom:16,
        zoomControl:true,
        zoomControlOptions:{
          style:google.maps.ZoomControlStyle.DEFAULT
        },
        disableDoubleClickZoom:true,
        mapTypeControl:true,
        mapTypeControlOptions:{
            style:google.maps.MapTypeControlStyle.HORIZONTAL_BAR
        },
        scaleControl:true,
        scrollwheel:true,
        panControl:true,
        streetViewControl:false,
        draggable:true,
        overviewMapControl:true,
        overviewMapControlOptions:{
            opened:false
        },
        mapTypeId:google.maps.MapTypeId.ROADMAP
    };
    var t=document.getElementById("google_map");
    var n=new google.maps.Map(t,e);
    var r=[
        ["undefined","undefined","undefined","undefined","",xx.xxxxx,-x.xxxxxx,"/images/marker.png"]
    ];
    for(i=0;i<r.length;i++){
        if(r[i][7]=="undefined"){
            markericon=""
        }else{
            markericon=r[i][7]
        }
        marker=new google.maps.Marker({
            icon:markericon,
            position:new google.maps.LatLng(r[i][5],r[i][6]),
            map:n
        })
     }
  }
  google.maps.event.addDomListener(window,"load",init);
  var map

Answer 1

要更改标记图标的大小，请使用google.maps.Icon匿名对象定义：

google.maps.Icon对象规范

属性

属性类型描述

size Size精灵或图像的显示大小。当你使用精灵时   必须指定精灵大小。如果未提供尺寸，则将在何时设置   图像加载。

url string图像或精灵表的URL。

if(r[i][7]=="undefined"){
    markericon=""; // default icon
}else{
    markericon= {
      url: r[i][7],
      size: new google.maps.Size(12,14)
    }
}

Google地图标记大小

1 个答案: