点击运行
<html> <head> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false"> </script> <script> var map; function initialize() { var mapOpt = { center:new google.maps.LatLng(51.508742,-0.120850), zoom:6, mapTypeId:google.maps.MapTypeId.ROADMAP }; map=new google.maps.Map(document.getElementById("googleMap"),mapOpt); } google.maps.event.addDomListener(window, 'load',initialize); </script> </head> <body> <button onclick="map.setMapTypeId(google.maps.MapTypeId.TERRAIN);">Show TERRAIN</button> <button onclick="map.setMapTypeId(google.maps.MapTypeId.ROADMAP);">Show ROADMAP</button> <br><br> <div id="googleMap"style="width:400px;height:300px;"></div> </body> </html>
运行结果
