在线运行代码 - 菜鸟教程

<html>
<head>
</head>
<body>
<div id="map" style="width:100%;height:500px"></div>

<p><button onclick="document.getElementById('demo').innerHTML = map.getBounds()">Get map bounds</button></p>

<div id="demo"></div>

<script>
var map;
function myMap() {
  var mapCanvas = document.getElementById("map");
  var mapOptions = {
    center: new google.maps.LatLng(51.508742, -0.120850),
    zoom: 6
  };
  map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&callback=myMap"></script>


</body>
</html>
源代码

动行结果
