javascript - jquery 循环在谷歌地图上显示多个标记

Question

谁能帮我解决这个问题，我正在从服务器获取数据并执行 foreach 循环以使用 gmap3 获取谷歌地图中标记的所有坐标。

问题是它只在 map 上显示 1 个标记，我试过使用 jquery/javascript 'for' 循环来显示数据，但不知道如何去做。

任何帮助将不胜感激，我的代码在下面，减去了 jquery/javascript 循环。

<script type="text/javascript">
    var options = { center: [], zoom: 0 };
    var value = { latLng: [] };

    @foreach (var item in Model)
        { 
        <text>
            options.center.push(@item.DisplayLatLonInMap);
            value.latLng.push(@item.DisplayLatLonInMap);
        </text> 
    }

    $("#WeatherMapLocation").gmap3({
        //defaults: { 
        //    classes: { 
        //        Marker: MarkerWithLabel 
        //    } 
        //}, 
        //{ 

        map: { options: options },
        marker: { values: [value],},
    });
</script>

/====================================

将代码更改为以下代码。但仍然不走运，我不太擅长 jquery 等

<script type="text/javascript">
$(document).ready(initialize);
var map;


var options = { center: [], zoom: 0 };
var value = { latLng: [] };

@foreach (var item in Model)
    { 
     <text>
options.center.push(@item.DisplayLatLonInMap);
value.latLng.push(@item.DisplayLatLonInMap);
</text> 
    }

function initialize() {
    var latlng = new google.maps.LatLng(42.354183,-71.065063);
    var options = {
        zoom: 0,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map($('#WeatherMapLocation')[0], options);

    for( i = 0; i < value.length; i++) {
        var latLng = new google.maps.LatLng(value);
        var marker = new google.maps.Marker({
            position: latLng,
            map: map
        });
    }
}

---

提前致谢乔治

Answer 1

我不清楚您使用的 jQuery 语法。在 for 循环中，您没有指定数组位置。看看是不是这个问题。

for( i = 0; i < value.length; i++) {
        var latLng = new google.maps.LatLng(value[i]); 
        var marker = new google.maps.Marker({
            position: latLng,
            map: map
        });
    }