Google maps 谷歌地图API v3上的标记偏移
我创建了一个带有自定义PNG标记的简单地图。是否可以偏移附加的PNG图像?Google Map API v3文档中似乎没有提到“偏移”。类上的锚选项允许从标记的lat/lng上的中间中心位置偏移标记图像: “锚定”将覆盖 从其默认底部定位点 中间位置Google maps 谷歌地图API v3上的标记偏移,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我创建了一个带有自定义PNG标记的简单地图。是否可以偏移附加的PNG图像?Google Map API v3文档中似乎没有提到“偏移”。类上的锚选项允许从标记的lat/lng上的中间中心位置偏移标记图像: “锚定”将覆盖 从其默认底部定位点 中间位置 我只是在寻找这个选项,在这里找到了一个示例: 设置iconAnchor(实际上是在标记数据上)对我有用 var Icon = new GIcon(); Icon.image = "mymarker.png"; Ico
我只是在寻找这个选项,在这里找到了一个示例:
设置iconAnchor(实际上是在标记数据上)对我有用
var Icon = new GIcon();
Icon.image = "mymarker.png";
Icon.iconSize = new GSize(20, 34);
Icon.shadow = "myshadow.png";
Icon.shadowSize = new GSize(36, 34);
Icon.iconAnchor = new GPoint(5, 34);
Icon.infoWindowAnchor = new GPoint(5, 2);
Icon.transparent = "mytran.png";
对于v3,我是这样完成的:
var image = new google.maps.MarkerImage("images/car1.png",
new google.maps.Size(60, 60),
new google.maps.Point(0,0),
new google.maps.Point(30, 30)
);
//ADD MARKER AT EACH POINT
var marker = new google.maps.Marker();
marker.setPosition(new_point);
marker.setIcon(image);
marker.setZIndex(0);
marker.setMap(map);
从v3.10开始,
MarkerImage
类已被弃用,应改用图标
匿名对象。从
在GoogleMapsJavaScriptAPI的3.10版本之前,复杂图标被定义为MarkerImage对象。图标对象文字是在3.10版中添加的,并从3.11版起替换MarkerImage
例如:
var marker = new google.maps.Marker({
map:map,
position: map.getCenter(),
icon: {
url: place.icon,
size: new google.maps.Size(71, 71),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(17, 34),
scaledSize: new google.maps.Size(25, 25)
}
});
代码片段“
函数初始化(){
var mapCanvas=document.getElementById('map');
变量映射选项={
中心:新google.maps.LatLng(44.5403,-78.5463),
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(mapCanvas,mapOptions)
var marker=new google.maps.marker({
地图:地图,
位置:map.getCenter(),
图标:{
url:“http://i.stack.imgur.com/PYAIJ.png",
尺寸:新谷歌地图尺寸(36,36),
来源:新google.maps.Point(0,0),
主播:新google.maps.Point(18,18),
scaledSize:new google.maps.Size(25,25)
}
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
html,
身体,
#地图{
宽度:100%;
身高:100%;
}