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;