动态加载!
<script> function loadScript() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=getGeoLocation"; document.body.appendChild(script); }; function getGeoLocation(){ if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var point = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); console.log("position.coords.latitude:"+position.coords.latitude+" position.coords.longitude:"+position.coords.longitude); var myOptions = { zoom: 15, center: point, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mapDiv = document.getElementById("rescue-map"); var map = new google.maps.Map(mapDiv, myOptions); var marker = new google.maps.Marker({ position: point, map: map, title: "You are here" }); }); } } window.onload = loadScript; <script> <div id="rescue-map" ></div>