文章/答案/技术大牛

发布

社区首页 >问答首页 >谷歌地图图标布局

问谷歌地图图标布局
EN

Stack Overflow用户

提问于 2020-03-24 16:06:29

回答 1查看 47关注 0票数 0

我正在尝试将我的自定义图标放置在坐标上的引脚底部，如下所示：

[

我知道这些和弦(在这个例子中是亚历山大)是正确的，作为测试的这里。

我像这样调用Marker构造函数：

var marker = new google.maps.Marker({
    position: {lat: Number(markerData.geodata.lat), lng: Number(markerData.geodata.lng)},
    title: '',
    icon: { 
        url: _config.static.marker.default.normal.icon,
        size: new google.maps.Size(3, 3, 'rem', 'rem'),
        scaledSize: new google.maps.Size(3, 3, 'rem', 'rem'),
        anchor: new google.maps.Point(0,0) <-- I think this is where I'm going wrong
    },
    type: t,
    continent: markerData.continent,
    country: markerData.country,
    id: id,
    labelTitle: markerData.name,
    label: markerData.name.constructor,
    labelClass: 'map-marker-label map-marker-label-village',
    zIndex: 1
});

javascript

google-maps

google-maps-api-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-24 16:18:22

是的，你实际上发现了你犯了一个错误，锚是你图像中lat/lng坐标所在的点的坐标。

所以，如果你想要引脚底部在lat/lng坐标上，你应该在像素的图像坐标X/Y上锚定在引脚底部。

就你而言，情况将是：

anchor: new google.maps.Point(27, 54)

因为你想把它放在底部的中间

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60834844

复制

相似问题

问谷歌地图图标布局
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌地图图标布局EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌地图图标布局
EN