Javascript 在传单中覆盖GeoJSON数据?
简单地说,我需要用一个简单的属性弹出窗口来显示这个web地图上的数据。 数据(Csv): 数据:Javascript 在传单中覆盖GeoJSON数据?,javascript,leaflet,geojson,Javascript,Leaflet,Geojson,简单地说,我需要用一个简单的属性弹出窗口来显示这个web地图上的数据。 数据(Csv): 数据: 然后呢?你有错误吗?哪一个?tupche是一个geoJSON对象吗?我只能在你的index.html中将其视为一个外部JS文件。我没有得到任何错误,但在地图中没有显示数据。我只需要简单的web地图,其中包含此数据覆盖 index.html <!DOCTYPE html> <html> <head> <title>Tupche_Map</t
然后呢?你有错误吗?哪一个?tupche是一个geoJSON对象吗?我只能在你的index.html中将其视为一个外部JS文件。我没有得到任何错误,但在地图中没有显示数据。我只需要简单的web地图,其中包含此数据覆盖
index.html
<!DOCTYPE html>
<html>
<head>
<title>Tupche_Map</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
crossorigin=""/>
<!--Include Leaflet JavaScript file-->
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
crossorigin=""></script>
<script type='text/javascript' src='js/tupche.js'></script>
<script type='text/javascript' src='js/village.js'></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="map"></div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
//JS and leaflet
var map = L.map('map', {
'center': [5, 28],
'zoom': 1,
'layers': [
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
'attribution': 'Map data © OpenStreetMap contributors'
})
]
}).setView([28.39, 84.12], 10);
//Add some GeoJson
L.geoJson(tupche).addTo(map);