如何从谷歌地图api更改地图位置?

时间:2014-03-30 09:24:04

标签: javascript html css google-maps google-api

<script src="//maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
<script src="//cdn.jsdelivr.net/gmap3/5.0b/gmap3.min.js"></script>

<!-- Map Area -->
<div class="panel googleMaparea">
    <div id="googleMap"></div>

Sample fiddle

在index.html中,我将Jakarta作为地图位置

参考图片: enter image description here

我正在使用gmap3.min javascript api,它包含在项目文件中。

我需要将地图位置更改为其他位置。怎么实现呢? 非常感谢您的帮助。

更新:

Working Fiddle

1 个答案:

答案 0 :(得分:2)

使用

设置Google地图和标记的中心位置
   $('#test').gmap3({
     map:{
        options:{
         center: [-33, 151],//place the latitude and longitude of map's center position
         zoom: 8
        }
     },
     marker:{
        latLng: [-33, 151],// place the latitude and longitude of the marker
        callback: function(){
         $(this).css('border', '1px solid red');
        }
     }
    });

请参阅documentation here

<强>更新

See demo here

index.html内,在</body>

之前将其应用于底部
        <script>
   $('#googleMap').gmap3({
     map:{
        options:{
         center: [-33, 151],//place the latitude and longitude of map's center position
         zoom: 8
        }
     },
     marker:{
        latLng: [-33, 151],// place the latitude and longitude of the marker
        callback: function(){
         $(this).css('border', '1px solid red');
        }
     }
    });
        </script>