我有一个带有一个标记的简单地图:
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}})。
以上是我的嵌入式地图中的上述内容,
以及它应该在哪里(在google地图网站上截取的屏幕截图刚刚进入lat,完全相同)
显然,这是不可用的...我看到自定义标记图标,可以指定锚点,如果这是一个自定义图标,我会玩它,但因为它是默认图标,我不知道如何编辑锚点,反正我也不应该这样做。
我很感激任何帮助!
答案 0 :(得分:0)
我发现了问题。但是,如果我知道我在说什么,我想我称之为错误。
在我嵌入地图的div中,我有一个十五像素的文本缩进。 我删除了以下CSS行:
text-indent: 15px;
问题消失了(有点麻烦,因为我在其他地方也使用了这个ID,但至少问题已经解决了。)