将外部geojson添加到传单层

沃梦达教程前端问题

2022-01-01 17

Add external geojson to leaflet layer(将外部geojson添加到传单层)

本文介绍了将外部geojson添加到传单层的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我是传单和 JavaScript 的新手.我在想我可以使用 geocommons 和 GeoJSON 来托管地图项目的数据.

I am new to leaflet and JavaScript. I was thinking I could use geocommons and GeoJSON to host data for a mapping project.

我发现外部 GeoJSON 和 Leaflet:另一种方式).本教程使用传单插件读取外部 GeoJSON，但我无法获得它来获取要在我的地图上渲染的点.代码的地图部分渲染良好，但 GeoJSON 不会出现.

I found External GeoJSON and Leaflet: The Other Way(s). This tutorial on reading external GeoJSON using a leaflet plugin but I haven't been able to get it to get the points to render on my map. The map portion of the code renders fine but the GeoJSON won't appear.

var geojsonLayer = new L.GeoJSON.AJAX("http://geocommons.com/datasets/168923/features.json?lat=53.796&lon=-1.551&radius=3&callback=?", {onEachFeature:popUp});

function popUp(feature, layer) {
  layer.bindPopup(feature.properties.name);
}

geojsonLayer.addTo(myMap);

推荐答案

保存leaflet.ajax plugin as leaflet.ajax.min.js 在与您的 html 页面相同的文件夹中，然后通过在其间添加此行来调用它<head> 标签

Save the leaflet.ajax plugin as leaflet.ajax.min.js in the same folder as your html page, then call it by adding this line in between the <head> tags

<script src="bGVhZmxldC5hamF4Lm1pbg=="></script>

这篇关于将外部geojson添加到传单层的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：将外部geojson添加到传单层

上一篇：将 Leaflet 图层控件添加到侧边栏

下一篇：如何更改 LeafletJS 中的默认加载磁贴颜色?

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX