谷歌地图默认标记使用错误的锚点?

时间:2014-08-04 10:48:31

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

我有一个带有一个标记的简单地图:

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"

            });
}

地图显示正确,但标记不在正确的位置,它被放置为好像它的锚位于右下角,而不是底部中心,因为默认行为应该是(参见{{ 3}})。

以上是我的嵌入式地图中的上述内容,

wrong

以及它应该在哪里(在google地图网站上截取的屏幕截图刚刚进入lat,完全相同)

right

显然,这是不可用的...我看到自定义标记图标,可以指定锚点,如果这是一个自定义图标,我会玩它,但因为它是默认图标,我不知道如何编辑锚点,反正我也不应该这样做。

我很感激任何帮助!

1 个答案:

答案 0 :(得分:0)

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

在我嵌入地图的div中,我有一个十五像素的文本缩进。 我删除了以下CSS行:

text-indent: 15px;

问题消失了(有点麻烦,因为我在其他地方也使用了这个ID,但至少问题已经解决了。)

相关问题