gpt4 book ai didi

javascript - JSFiddle 功能不起作用

转载 作者:行者123 更新时间:2023-11-28 01:12:21 25 4
gpt4 key购买 nike

我的 JSFiddle 函数不起作用,单击按钮时的函数 getAllLocations 未执行。感谢您的帮助。

HTML

<div id="map" style="width: 800px; height:500px" align="center"></div>
<br>
<button type="button" onclick="getAllLocations();">GET ALL THE LOCATIONS</button>

<div>
<h3>Output Console</h3>

<textarea id="TextArea" rows="8" cols="80"></textarea>
<br>
</div>

JS

var map = L.map('map').setView([ 10.88869, 10.85878 ], 18);

L.tileLayer(
'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png',
{
maxZoom : 20,
attribution : 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, '
+ '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, '
+ 'Imagery © <a href="http://mapbox.com">Mapbox</a>',
id : 'examples.map-i86knfo3'
}).addTo(map);

var poly = L.polyline([], {
color : 'green'
});
poly.addTo(map);

map.on('click', function(e) {
poly.addLatLng(e.latlng);

//alert();
});

function getAllLocations(){
alert ("Test");
var locArray = poly.getLatLngs();
var area = document.getElementById('TextArea');

for(var i=0; i<locArray.length; i++){

var item2 = locArray[i];
var item3 = "" + item2;
var item4 = item3.split("(");
var item5 = item4[1].split(")")
//alert(item5[0]);

area.value += item5[0] + "\n";


}
}

JS Fiddle

最佳答案

您的上下文正在更改函数似乎超出了范围。像这样定义你的函数,它将起作用,以便该函数是全局的。

getAllLocations = function (){
alert ("Test");
var locArray = poly.getLatLngs();
var area = document.getElementById('TextArea');

for(var i=0; i<locArray.length; i++){

var item2 = locArray[i];
var item3 = "" + item2;
var item4 = item3.split("(");
var item5 = item4[1].split(")")
//alert(item5[0]);

area.value += item5[0] + "\n";


}
}

关于javascript - JSFiddle 功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24262695/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com