Google Map和HTML5定位和动态加载
动态加载!
<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>