google-maps-api-3 - 谷歌地图标记显示在错误的位置

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)直接放入谷歌地图时，我看到了同样的问题。绿色箭头（在下面的链接中）是我希望我的标记出现在我的代码中的位置，但标记总是以红色气球所在的位置结束（见这里）。

Answer 1

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

Answer 2

您需要设置标记图标的锚属性（示例）：

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
});