谷歌地图展示代码

function initialize() {  
    var taibei = new google.maps.LatLng(22.281512, 114.155470);
    var neighborhoods = [
        new google.maps.LatLng(22.281512, 114.155470),
    ];
    var iterator = 0;
    var markers = [];
    var myOptions = {  
        zoom: 16,  
        center: taibei,  
        mapTypeId: google.maps.MapTypeId.ROADMAP  
    } 
    var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
    for(var i = 0;i < neighborhoods.length; i++){
        setTimeout(function(){
            addMarker();
        },i * 200)
    }
    function addMarker(){
        markers.push(new google.maps.Marker({
            position: neighborhoods[iterator],
            map: map,
            draggable: false,
            animation: google.maps.Animation.DROP
        }));
        iterator++
    }
    
}  

function loadScript() {  
    var script = document.createElement("script");  
    script.type = "text/javascript";  
    script.src = "http://maps.google.com/maps/api/js?v=3.exp&sensor=false&callback=initialize";  
    document.body.appendChild(script);  
}  

window.onload = loadScript;

这个代码是异步执行,能够不影响其他JS的情形下加载地图。

lating方法里要输入的是谷歌地图里的坐标。具体坐标获得,可以直接从google地图里搜索你需要的点,然后点击右键选择“这有什么?”就会出来相关的坐标。


你可能感兴趣的:(谷歌地图展示代码)