Javascript 传单-geoJSON集成（从geoJSON创建按钮）

（不适用于硬件）您好，我正在运行以下代码，不明白为什么我的按钮无法创建。这里不是按钮应该在哪里，而是一些代码片段。我添加了一个javascript函数来为GeoJSON中的每个功能创建按钮，但看起来按钮无法正常工作。任何帮助都会很好。我的问题特别涉及从var=geoJSONLayer new开始的代码行。geoJSON层与索引HTML文件位于同一文件夹中。将显示标记，但无法创建按钮。以下草皮功能也不起作用

第一张地图
#标题{
高度：75px；
背景色：蜜露；
}
#mapdiv{
高度：850px；
背景色：gainsboro；
}
#侧板{
高度：850px；
背景色：粉蓝色；
}
#页脚{
高度：90px；
背景色：小麦；
}
.吸引力{
边缘底部：5px；
背景颜色：天蓝；
}
墨西哥城
吸引
索卡洛
缓冲器
纬度：19.4经度：-99.1缩放级别：11
&抄袭；2016
var mymap=L.map（“mapdiv”）
mymap.setView（[19.4，-99.1]，12）；
var backgroundLayer=L.tileLayer（“http://{s}.tile.osm.org/{z}/{x}/{y}.png”）；
mymap.addLayer（backgroundLayer）；
//var zocaloMarker=L.marker（[19.43278，-99.13333]）.addTo（mymap）.bindPopup（“Zocalo”）；
$（“#zoomToZocalo”）。单击（函数（）{
mymap.setView（[19.43278，-99.13333]，17）；
});
var geojsonLayer=new L.GeoJSON.AJAX（'GeoJSON/attractions.GeoJSON'，{pointToLayer:function（feature，latlng）{
var字符串=”；
str+=feature.properties.name+“”；
$（“侧面板”）。追加（str）；
$（“zoomTo”+feature.properties.name.replace（//g'，）。单击（函数（e）{
mymap.setView（[latlng.lat，latlng.lng]，17）；
});
var str=”“+feature.properties.name+“
”；
str+=”；
返回L.marker（latlng）.bindpoop（str）；
}});
geojsonLayer.addTo（mymap）；
var缓冲层；
$（“#btnBuffer”）。单击（函数（）{
if（$（“#btnBuffer”）.html（）=='Buffer'）{
var bufferedAttractions=turp.buffer（geojsonLayer.toGeoJSON（），1，'miles'）；
bufferLayer=L.geoJSON（bufferedAttractions）.addTo（mymap）；
$（“#btnBuffer”）.html（“删除缓冲区”）；
}否则{
mymap.removeLayer（缓冲层）；
$（“#btnBuffer”）.html（“缓冲区”）；
}
});
//74-79是一种使用“mousemove”事件将事件处理程序添加到映射的方法//----
mymap.on（'mousemove'，函数（e）{var str=“纬度：”+e.latlng.lat.toFixed（5）+“经度：”+e.latlng.lng.toFixed（5）+“缩放级别：”+mymap.getZoom（）；
$（“#map_coords”）.html（str）；
});

Src链接到传单.ajax.js已断开。 您必须将其链接到工作链接

替换此标签

<script src="leaflet-ajax-gh-pages/dist/leaflet.ajax.js"></script>

为此：

<script src="https://calvinmetcalf.github.io/leaflet-ajax/dist/leaflet.ajax.js"></script>

---

感谢您的快速回复。我继续，并改变了链接，出于某种原因，它仍然不为我工作。