Javascript 将多个lat/long从div加载到函数的有效方法_Javascript_Google Maps

Javascript 将多个lat/long从div加载到函数的有效方法

javascript google-maps

Javascript 将多个lat/long从div加载到函数的有效方法,javascript,google-maps,Javascript,Google Maps,我在一个页面上有10多个div，我动态地将单个标记lat/long数据加载到每个div，onclick。这会生成一张地图，没有问题。我正在尝试获取它，以便能够将多个lat/long数据值解析到每个div中演示JSFIDLE 下面是我在每个div中使用多个标记的尝试演示JSFIDLE 它不起作用，我在如何让它发挥作用上走到了死胡同。任何帮助都将不胜感激标记位置必须是google.maps.LatLng，而不是逗号分隔的字符串在标记选项中使用之前，需要初始化映射（除其他外）函

我在一个页面上有10多个div，我动态地将单个标记lat/long数据加载到每个div，onclick。这会生成一张地图，没有问题。我正在尝试获取它，以便能够将多个lat/long数据值解析到每个div中

演示JSFIDLE

下面是我在每个div中使用多个标记的尝试

演示JSFIDLE

它不起作用，我在如何让它发挥作用上走到了死胡同。任何帮助都将不胜感激

标记位置必须是google.maps.LatLng，而不是逗号分隔的字符串
在标记选项中使用之前，需要初始化映射
（除其他外）


函数mapOneInitialize（元素、索引、位置）{
var centerPosition=new google.maps.LatLng（'53.716216，-1.582031'）
变量选项={
缩放：16，
中心：中心位置，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map[index]=新的google.maps.map（elem，options）；
var loc=位置拆分（“|”）；
对于（变量x=0；x


请发布您的代码，而不仅仅是jsfiddles。
<div id="map1" class="map" data-no="1" data-lat="53.716216" data-long="-1.96312"></div>

<div id="map1" class="map" data-no="1" data-loc="53.716216,-1.582031|53.815121,-1.96312"></div>

var centerPosition = new google.maps.LatLng('53.716216,-1.582031')

    var options = {
        zoom: 16,
        center: centerPosition,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map[index] = new google.maps.Map(elem, options);

    var loc = loc.split("|");
    for (var x = 0; x < loc.length; x++) {
        var coords = loc[x].split(',');
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(parseFloat(coords[0]),
                                             parseFloat(coords[1])),
            map: map[index]
        });
    }
};