为什么gMap不会将地图置于坐标中心?

时间:2013-07-29 09:45:04

标签: jquery google-maps

为什么以下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样式更新了代码部分。

1 个答案:

答案 0 :(得分:0)

您需要在选项中设置为longitudelatitude,以便将您映射到中心。

<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

您的标记latitudelongitude仅用于在该位置放置标记。据我所知,地图不会自动以该标记为中心。