Javascript 基数：{ 图标：iconBase+'greenpin.png' } }; var marker2=新的google.maps.Marker({ 位置：certLocs[i]。板条，地图：map2，标题：certLocs[i]。名称， html:“”+certLocs[i]。状态+””+ "" + 描述：“+certLocs[i].desc+””+ 人口：“+certLocs[i]。人口+”“， 图标：图标['base']。图标 }); bounds2.extend（certLocs[i].latlng）； var infowindow=new google.maps.infowindow（）； google.maps.event.addListener（marker2，“click”，（函数（marker2）{ 返回函数（e）{ setContent（this.html）； infowindow.open（map2，this）； } })（marker2） } map2.fitBounds（bounds2）； } } }

以下是一些标记：

<div class="container">
    <div class="row">

        <div class="col-lg-3 col-md-12">
            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab1" onclick="setCert(0);" data-toggle="tab">Registered</a></li>
                    <li><a href="#tab2" onclick="setCert(1);" data-toggle="tab">Certified</a></li>
                </ul>
                <div class="tab-content">
                    <div id="tab1" class="tab-pane active">

                        @foreach (var st in Model.regCommunities)
                        {
                            <div class="dropdown">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">@st.state</a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                                    @foreach (var pt in st.points)
                                    {
                                        <li role="presentation" onclick="clickState(@pt.latitude, @pt.longitude, @pt.CommunityId);"><a role="menuitem" tabindex="-1" href="@Model.host/Communities/CommunityPage/@pt.CommunityId">@pt.CommunityName</a></li>
                                    }
                                </ul>

                            </div>
                        }
                    </div>

                    <div id="tab2" class="tab-pane">

                        @foreach (var st in Model.cerCommunities)
                        {
                            <div class="dropdown">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">@st.state</a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                                    @foreach (var pt in st.points)
                                    {
                                        <li role="presentation" onclick="clickState(@pt.latitude, @pt.longitude, @pt.CommunityId);"><a role="menuitem" tabindex="-1" href="@Model.host/Communities/CommunityPage/@pt.CommunityId">@pt.CommunityName</a></li>
                                    }
                                </ul>

                            </div>
                        }

                    </div>
                </div>
            </div>
            <div>
                <h4>Map Legend:</h4>
            </div>
        </div>

        <div class="col-lg-9 col-md-12">
            <div id="map" class="img-responsive" style="max-width:100%; height:500px"></div>
            <div id="map2" class="img-responsive hidden" style="width:720px; height: 500px;"></div>
        </div>

    </div>

</div>

@foreach（Model.regCommunities中的var st）
{

@foreach（以圣点为单位的var pt）
{

}

}
@foreach（Model.cerCommunities中的var st）
{

@foreach（以圣点为单位的var pt）
{

}

}
地图图例：

您是否收到任何JS错误？无。这很奇怪

<div class="container">
    <div class="row">

        <div class="col-lg-3 col-md-12">
            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab1" onclick="setCert(0);" data-toggle="tab">Registered</a></li>
                    <li><a href="#tab2" onclick="setCert(1);" data-toggle="tab">Certified</a></li>
                </ul>
                <div class="tab-content">
                    <div id="tab1" class="tab-pane active">

                        @foreach (var st in Model.regCommunities)
                        {
                            <div class="dropdown">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">@st.state</a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                                    @foreach (var pt in st.points)
                                    {
                                        <li role="presentation" onclick="clickState(@pt.latitude, @pt.longitude, @pt.CommunityId);"><a role="menuitem" tabindex="-1" href="@Model.host/Communities/CommunityPage/@pt.CommunityId">@pt.CommunityName</a></li>
                                    }
                                </ul>

                            </div>
                        }
                    </div>

                    <div id="tab2" class="tab-pane">

                        @foreach (var st in Model.cerCommunities)
                        {
                            <div class="dropdown">

                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">@st.state</a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                                    @foreach (var pt in st.points)
                                    {
                                        <li role="presentation" onclick="clickState(@pt.latitude, @pt.longitude, @pt.CommunityId);"><a role="menuitem" tabindex="-1" href="@Model.host/Communities/CommunityPage/@pt.CommunityId">@pt.CommunityName</a></li>
                                    }
                                </ul>

                            </div>
                        }

                    </div>
                </div>
            </div>
            <div>
                <h4>Map Legend:</h4>
            </div>
        </div>

        <div class="col-lg-9 col-md-12">
            <div id="map" class="img-responsive" style="max-width:100%; height:500px"></div>
            <div id="map2" class="img-responsive hidden" style="width:720px; height: 500px;"></div>
        </div>

    </div>

</div>