Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在传单中覆盖GeoJSON数据?_Javascript_Leaflet_Geojson - Fatal编程技术网

Javascript 在传单中覆盖GeoJSON数据?

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

简单地说,我需要用一个简单的属性弹出窗口来显示这个web地图上的数据。 数据(Csv): 数据:


然后呢?你有错误吗?哪一个?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 &copy; OpenStreetMap contributors'
    })
  ]
}).setView([28.39, 84.12], 10);
//Add some GeoJson
L.geoJson(tupche).addTo(map);