Question

我有一些代码可以显示位置(36.7771592941268,3.0516744005553846)的Google地图，并在此位置添加标记。我用这个位置创建了标记，问题是标记显示在错误的位置。

var latlng = new google.maps.LatLng(36.7771592941268,3.0516744005553846);

var marker= new google.maps.Marker({
    position: latlng,
    clickable: true,
    draggable: true,
    map: map
});

为了演示，当我将坐标(36.7771592941268, 3.0516744005553846)直接放入Google地图时，我看到同样的问题。绿色箭头（在下面的链接中）是我希望我的标记出现在我的代码中的位置，但标记总是在红色气球所在的位置（see here）。

Answer 1

你的坐标显然是错误的，谷歌会显示给定坐标的正确位置。

Answer 2

您需要设置标记图标（example）的anchor属性：

var marker = new google.maps.Marker({
    position: latlng,
    icon: {
        path: 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z',
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(0, 32),
        fillColor: 'red',
        fillOpacity: 1,
        strokeColor: '#000',
        strokeWeight: 0,
        scale: 1
    },
    clickable: true,
    draggable: true,
    map: map
});

Google将地图标记显示在错误的位置

2 个答案: