谷歌地图API V3是前端开发中常用的工具之一，它提供了丰富的功能，包括地图显示、地理编码、路线规划等。在使用谷歌地图API V3时，设置地图的中心和边界是非常重要的，可以帮助我们更好地展示地图信息以及实现更多的功能。
中心点设置
设置地图的中心点可以让我们指定地图的初始显示位置。在谷歌地图API V3中，我们可以通过google.maps.Map()构造函数来创建地图对象，并传入一个center参数来指定地图的中心点。例如：
// 创建地图对象并指定中心点为北京
var map = new google.maps.Map(document.getElementById('map'), {
center: { lat: 39.9042, lng: 116.4074 },
zoom: 10
});上述代码中，center参数接受一个经纬度坐标对象，表示地图的中心点位置。在这个例子中，我们将地图的中心点设置为北京的经纬度坐标。
界限设置
除了中心点，设置地图的界限也是非常有用的。设置地图的界限可以限制用户的操作范围，防止用户在地图范围外进行操作。在谷歌地图API V3中，我们可以通过google.maps.LatLngBounds()类来创建一个矩形边界对象，并将其传入fitBounds()方法中，以实现地图的缩放和平移。例如：
// 创建矩形边界对象并设置左下角和右上角的坐标
var bounds = new google.maps.LatLngBounds(
{ lat: 39.9042, lng: 116.4074 },
{ lat: 40.7128, lng: -74.0060 }
);
// 将地图缩放和平移至指定的边界范围内
map.fitBounds(bounds);上述代码中，我们首先创建了一个矩形边界对象，其中左下角的坐标为北京，右上角的坐标为纽约。然后，我们将这个边界对象传入fitBounds()方法中，以实现地图的缩放和平移，使得地图的显示范围正好包括整个矩形区域。
示例代码
最后，我们来看一个完整的示例代码，展示如何同时设置地图的中心和界限：
-- -------------------- ---- -------
--------- -----
------
------
-------------- -- - ---------------
-------
---- -
------- ------
-
--------
-------
------
---- ---------------
--------
-------- --------- -
-- ---------------
--- --- - --- ----------------------------------------------- -
------- - ---- -------- ---- -------- --
----- --
---
-- ---------------------
--- ------ - --- -------------------------
- ---- -------- ---- -------- --
- ---- -------- ---- -------- -
--
-- -----------------
----------------------
-
---------
------- -----------------------------------------------------------------------------------------
-------
-------在这个示例代码中，我们首先创建了一个地图对象，并将其中心点设置为北京。然后，我们创建了一个矩形边界对象，其中左下
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8585
