Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 谷歌地图API v3上的标记偏移_Google Maps_Google Maps Api 3 - Fatal编程技术网

Google maps 谷歌地图API v3上的标记偏移

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

我创建了一个带有自定义PNG标记的简单地图。是否可以偏移附加的PNG图像?Google Map API v3文档中似乎没有提到“偏移”。

类上的锚选项允许从标记的lat/lng上的中间中心位置偏移标记图像:

“锚定”将覆盖 从其默认底部定位点 中间位置


我只是在寻找这个选项,在这里找到了一个示例:

设置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%;
}