google map api v3 - 在地图div的底部放置标记

时间:2011-11-11 10:16:40

标签: javascript google-maps google-maps-markers

我正在尝试创建基于位置的搜索应用程序。我需要使用标记显示搜索结果。通过使用谷歌地图javascript API中的标记代码示例,标记显示在地图div的中心。我需要将标记指向地图的底部,以便我可以在标记上方显示搜索结果。

检查此网址http://www.groupon.com/now#/categories?address=denver&hint=47.5615%2C-52.7127&lat=39.7391536&lng=-104.9847034。如果地图显示底部的标记。我需要表现得这样。

3 个答案:

答案 0 :(得分:2)

放置标记不会强制地图居中 - 地图本身正在设置,因此其中心点与标记相同。您需要将地图的中心设置为标记中心的“上方”(纬度)。在地图对象上使用.setCenter(LatLng)

答案 1 :(得分:1)

Google地图API具有设置中心视点的功能。如果您没有提供它,那么您提供的标记为lat / long。您需要相应地添加/减去lat / long以设置中心位置。从这里我的意思是你应该在单独的变量中取标记的当前纬度/经度,添加/减去值来调整中心点并用这些设置地图中心点。 希望这有帮助。 :)

答案 2 :(得分:1)

根据Oliver的回复(谢谢),以下是我为解决这个问题所做的工作。 在https://developers.google.com/maps/documentation/javascript/reference中,我们发现必须添加map.setCenter({lat: -34, lng: 151}); - 我已将其放在此行之后var myLatlng = new google.maps.LatLng(your latitude, your longitude);

要获取我已打开谷歌地图的值,我点击了我的区域,指针显示在页面底部,我看到纬度和经度(我们需要它们用于行var myLatlng = new google.maps.LatLng(your latitude, your longitude);)。 比我拖动地图并在地图中间再次点击以查看latit。和longit。该区域的这两个区域将添加到您必须添加的行中 - map.setCenter({lat: new latitude value, lng: new longitude value});