Google 创建Marker 与Marker的隐藏式显示

var map;
var zoom = 8;
var point;
var mapOption = null;
var marker;
var markerList = []; 
var infowindow = new google.maps.InfoWindow();   
var contentString = null;
//加载地图
window.onload = function () {
        mapOption = {
            zoom: 9,
            center: new google.maps.LatLng(22.76668461839901, 114.03533935546875),
            mapTypeId: google.maps.MapTypeId.HYBRID,
            overviewMapControl: true,
            overviewMapControlOptions: { opened: true }
        };
        map = new google.maps.Map(document.getElementById('map'), mapOption);
        InitDataList();
    }
　　//初始化点
    function InitDataList() {
        var point1 = new google.maps.LatLng(22.5455669880, 113.2428889);
        AddMarker(point1);
        var point2 = new google.maps.LatLng(22.6455669880, 113.12428889);
        AddMarker(point2);
        map.setCenter(point1);
    }

   //添加点标注    
  function AddMarker(point) {
        marker = new google.maps.Marker({
            position: point,
            map: map,
        });
        markerList.push(marker);
        _createNormalMarker(marker);
    }
    // 创建Marker点击事件   
   function _createNormalMarker(marker) {
        google.maps.event.addListener(marker, 'click', function() {  
            contentString="Message";
            if(infowindow!=null){
                infowindow.close();
            }
                infowindow.setContent(contentString);        
                infowindow.open(map,marker); 
            });
    }
    

<div> 
        <div id="map" style="width:95%; height:400px">
        
        </div>
        <div style=" height:200px">
            <input id="yc" type="button" value="隐藏所有Marker" /> <input id="xs" type="button" value="显示所有Marker" />
        </div>
    </div>

 　　

<script>
        $(function () {

            //隐藏所有点标注
            $("#yc").click(function () {
                if (markerList) {
                    for (i in markerList) {
                        //markerList[i].setMap(null);
                        markerList[i].setVisible(false);
                    }
                }
            })
         //显示所有点标注
            $("#xs").click(function () {
                if (markerList) {
                    for (i in markerList) {
                        markerList[i].setVisible(true);
                    }
                }
            })
        })
    </script>

 　　

 

　　

　　

转载于:https://www.cnblogs.com/pmhdmin/archive/2013/05/11/3073440.html