谷歌地图默认标记使用错误的锚点？答案

【问题标题】：Google Maps default Marker uses wrong anchor Point?谷歌地图默认标记使用错误的锚点？
【发布时间】：2014-08-04 10:48:30
【问题描述】：

我有以下带有一个标记的简单地图：

function initialize() {
            var myLocation = new google.maps.LatLng(57.781920, -152.396120);

            var mapOptions = {
                center: new google.maps.LatLng(33, -70),
                zoom: 2
            };

            // make map
            var map = new google.maps.Map(document.getElementById("map-canvas"),
                mapOptions);

            // place marker
            var myMarker = new google.maps.Marker({
                position: myLocation,
                map: map,
                title:"Here"

            });
}

地图正确显示，但标记不在正确的位置，它的放置好像它的锚点在右下角，而不是底部中心，默认行为应该是（参见@987654321 @)。

这是上面在我的嵌入地图中的外观，

这就是它应该在的地方（在谷歌地图网站上截取的屏幕截图，刚刚进入纬度，长度完全一样）

显然，这不能按原样使用...我看到对于自定义标记图标，可以指定锚点，如果这是自定义图标，我会尝试使用它，但因为它是默认值图标，我不知道如何编辑锚点，反正我也不应该这样做。

如果有任何帮助，我将不胜感激！

【问题讨论】：

无法重现该问题。在 maps.google.com 上的 57.781920, -152.396120 处放置一个标记或使用 API 将标记放置在完全相同的位置。
Your code works for me as well

标签： javascript google-maps google-maps-api-3 embedding

【解决方案1】：

我发现了问题。但如果我知道我在说什么，我想我会称之为错误。

在我嵌入地图的 div 中，我有一个 15 像素的文本缩进。我删除了下面这行 CSS：

text-indent: 15px;

然后问题就解决了（有点麻烦，因为我在其他地方也使用了那个 id，但至少问题解决了）。

【讨论】：