google.GIS小例子

var map; var array = [[41.774166667, 85.943055556], [43.864052, 87.560499]];//经纬度 
var array1 = ["地点1", "地点2"]; var latitude = 0; var longitude = 0; var markersArray = []; var title = "新疆"; var openInfo = ""; 
 function initialize() { 
      
    var i = 0; 
    var k = 0; 
    var myLatlng = new google.maps.LatLng(41.774166667, 85.943055556); //初始定位     var myOptions = { 
        zoom : 8, //地图的缩放程度         center : myLatlng, //地图中心位置         mapTypeId : google.maps.MapTypeId.ROADMAP, //常量ROADMAP以地图显示 常量SATELLITE为卫星显示         disableDoubleClickZoom : true //禁用双击缩放地图     }; 
      
    //把地图绑定在ID为map_canvas的DIV上     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
      
      
    //循环将数据填充到一个新的marker对象中     for (i = 0; i < array.length; i++) { 
          
        var myLatlng = new google.maps.LatLng(array[i][k], array[i][k + 1]);//重新定位         //显示信息         openInfo = array1[i]; 
        //显示地址的标记图标         var marker = new google.maps.Marker({ 
                position : myLatlng, 
                map : map, 
                icon : ‘http://www.yiyacn.com/uploads/tubiaoimg/icon/fatcow_027.png‘ //自定义标记图标 
            }); 
        marker.setTitle(title); 
        alertTitle(marker, openInfo); 
    }; 
      
    //infowindow.open(map);   //加载时显示提示主窗口     
      
    var infowindow; 
    var infowindow2; 
    //提示信息窗口     function alertTitle(marker, openInfo) { 
          
        //鼠标悬浮在标记上打开提示信息窗口         google.maps.event.addListener(marker, ‘mouseover‘, function (event) { 
            infowindow2 = infowindow; 
            infowindow = new google.maps.InfoWindow({ 
                    content : openInfo, 
                    position : myLatlng 
                }); 
            if (infowindow2 != null) { 
                infowindow2.close(); 
            } 
            infowindow.open(map, marker); 
              
        }); 
          
        //鼠标离开标记关闭提示信息窗口         //google.maps.event.addListener(marker, ‘mouseout‘, function(event) {         //infowindow.close();         //});     }; 
      
    //给map添加双击事件     google.maps.event.addDomListener(map, ‘dblclick‘, function (event) { 
          
        placeMarker(event.latLng); 
        CreateDiv(event.latLng); 
          
    }); 
      
    //添加新的标识     function placeMarker(location) { 
        if (infowindow2 != null) { 
            infowindow2.close(); 
        } 
        if (infowindow != null) { 
            infowindow.close(); 
        } 
        marker = new google.maps.Marker({ 
                position : location, 
                map : map, 
                title : title, 
                icon : ‘http://www.yiyacn.com/uploads/tubiaoimg/icon/fatcow_027.png‘ //自定义标记图标 
                  
            }); 
        clearOverlays(); 
        markersArray.push(marker); //把marker对象添加到markersArray数组中         map.setCenter(location); //重新定位中心位置         
    } 
      
    //创建操作层     function CreateDiv(location) { 
        var array = location.toString().split(","); //经纬度         
        var contentString = ‘<div id="content">‘ + 
            ‘<div id="siteNotice">‘ + 
            ‘</div>‘ + 
            ‘<h1 id="firstHeading" class="firstHeading">选择操作</h1>‘ + 
            ‘<div id="bodyContent">‘ + 
            ‘<p><b>当前的纬度‘ + array[0] + ‘,经度‘ + array[1] + ‘</b></p>‘ + 
            ‘</div>‘ + 
            ‘</div>‘; 
          
        var infowindow = new google.maps.InfoWindow({ 
                content : contentString 
            }); 
          
        infowindow.open(map, marker); 
          
    } 
      
    //重置Map对象     function clearOverlays() { 
        //alert(markersArray);         if (markersArray) { 
            for (i in markersArray) { 
                markersArray[i].setMap(null); 
            } 
        } 
    } 
      
} 
  
window.onload = initialize;