use*_*810 4 javascript icons google-maps google-maps-api-3 google-maps-markers
我已经创建了一个自定义标记,可以在我的谷歌地图中使用.图标的锚点应位于左下角.在我的地图上,锚点似乎位于图标中心的下边缘.图标是32 x 49.我所包含的代码放置了我的所有标记.我搜索了几个小时,找不到任何答案.V3 api表示该物业是锚.当我使用该属性时,地图上没有标记显示.
var iconImage = "images/Italian Flag Mine New.png";
var map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 12,
center: new google.maps.LatLng(45.067314, 7.697774),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var iconImage = {
url: "images/Italian Flag Mine New.png",
anchorPosition: (0, 49)
};
//var iconImage = {url: "images/Italian Flag Mine New.png",
// anchor : (0,49)};
var marker, i, savedMarker;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][latIndex], locations[i][lngIndex]),
map: map,
animation: google.maps.Animation.DROP,
icon: iconImage
});
}
Run Code Online (Sandbox Code Playgroud)
任何帮助,将不胜感激.谢谢.
小智 8
该anchor
属性是标记构造函数的一部分,但您仍然必须根据Google的文档(在"复杂图标"标题下)创建对象的实例.尝试一下:
var iconImage = {
url: "images/Italian Flag Mine New.png",
anchor: new google.maps.Point(0,49)
};
Run Code Online (Sandbox Code Playgroud)
您还应该考虑指定size属性.
归档时间: |
|
查看次数: |
25417 次 |
最近记录: |