为什么以下gMap参数返回一个视图,标记靠近视图的底部而不是在其中心?
感谢。
<!-- Google Maps -->
<section class="google-map-container">
<div id="googlemaps" class="google-map google-map-full" style="padding-bottom:40%"></div>
<script src="//maps.google.com/maps/api/js?sensor=true"></script>
<script src="/assets/scripts/jquery.gmap.min.js"></script>
<script type="text/javascript">
jQuery('#googlemaps').gMap({
maptype: 'ROADMAP',
scrollwheel: false,
center: '44.51154, 11.28113',
zoom: 16,
markers: [
{
latitude: 44.51154,
longitude: 11.28113,
html: 'My company name<br/>Address</br>City<br/>Country',
popup: false,
}
],
});
</script>
</section>
<!-- Google Maps / End -->
编辑:使用CSS样式更新了代码部分。
答案 0 :(得分:0)
您需要在选项中设置为longitude
和latitude
,以便将您映射到中心。
<script type="text/javascript">
jQuery('#googlemaps').gMap({
latitude: 44.51154, // Add this to your options
longitude: 11.28113, // Add this to your options
maptype: 'ROADMAP',
scrollwheel: false,
zoom: 16,
markers: [
{
latitude: 44.51154,
longitude: 11.28113,
html: 'My company name<br/>Address</br>City<br/>Country',
popup: false,
}
],
});
</script>
请参阅文档:http://gmap.nurtext.de/documentation.html。
您的标记latitude
和longitude
仅用于在该位置放置标记。据我所知,地图不会自动以该标记为中心。