Google maps api 3 更改geojson自定义图标的锚点-谷歌地图api

Google maps api 3 更改geojson自定义图标的锚点-谷歌地图api,google-maps-api-3,google-maps-markers,geojson,Google Maps Api 3,Google Maps Markers,Geojson,有什么方法可以更改geojson点的锚点吗?下面是我项目的精简版本 我面临的问题是,一旦我缩小,这些图标开始从它们的位置漂走。使用40x40方形图标 我在这个问题上看到了很多类似的问题,但是没有一个例子涉及使用geojson生成的标记和/或使用setStyle更改图标 var映射; 函数初始化映射{ map=new google.maps.Mapdocument.getElementById'map'{ 中心:{ 拉脱维亚:51.822976, 液化天然气:4.128522 }, 缩放:8,

有什么方法可以更改geojson点的锚点吗?下面是我项目的精简版本

我面临的问题是,一旦我缩小,这些图标开始从它们的位置漂走。使用40x40方形图标

我在这个问题上看到了很多类似的问题,但是没有一个例子涉及使用geojson生成的标记和/或使用setStyle更改图标

var映射; 函数初始化映射{ map=new google.maps.Mapdocument.getElementById'map'{ 中心:{ 拉脱维亚:51.822976, 液化天然气:4.128522 }, 缩放:8, minZoom:2, maxZoom:26, 倾斜:0, }; var infowindow=new google.maps.infowindow; var offices=新的google.maps.Data; offices.addGeoJson{ 类型:FeatureCollection, 特点:[{ 类型:特征, 几何图形:{ 类型:点, 座标:[4.403528,51.260561] }, 特性:{ 地点:安特卫普, 国家:BE } }, { 类型:特征, 几何图形:{ 类型:点, 座标:[9.986818,53.554377] }, 特性:{ 地点:汉堡, 国家:德 } } ] }; 办公室,固定风格{ 图标:“images/icons/logo-bl1.png” }; offices.setMapmap; offices.addListener'click',functionevent{ var office_location=event.feature.getPropertyLocation; var office_country=event.feature.getPropertyCountry; infowindow.setContentoffice\u位置+-+office\u国家/地区; infowindow.setPositionevent.feature.getGeometry.get; infowindow.setOptions{ pixelOffset:new google.maps.Size0,-30 }; infowindow.openmap; map.panToevent.latLng; }; google.maps.event.addListenermap“单击”功能{ infowindow.close; };
} 通过添加

var officeicon = {
    url: 'images/icons/logo-bl1.png',
    size: new google.maps.Size(40, 40),
    anchor: new google.maps.Point(20, 20)
};
然后

offices.setStyle({
    icon: officeicon,

你能提供一个图标的样本吗?我无法访问images/icons/logo-bl1.png自定义图标的属性是相同的,无论它们是在使用GeoJSON的setStyle方法中还是在普通图标中。对于一个正方形图标,你可能想要在正方形中间放置锚。再次感谢你在我的帖子上的快速动作,真的很有意思。这对我来说似乎不起作用。无论我把锚定在什么位置,它似乎总是锚定在底部中心。我的图标是一个SVG,我尝试用数据URI和常规URL加载它。有什么想法吗?没关系!我错过了大小和点数类的新关键字。