Javascript Google Map未在Django中呈现Json数据_Javascript_Python_Json_Django

Javascript Google Map未在Django中呈现Json数据

javascript python json django

Javascript Google Map未在Django中呈现Json数据,javascript,python,json,django,Javascript,Python,Json,Django,我试图在谷歌地图上用标记显示数据库中的特定坐标。现在我试着用一个简单的标记背景：我在static/maps/jason_data.json中有一个本地json文件我在使用谷歌api，我在这里使用他们的模板 <div id="map"></div> <script async defer src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMa

我试图在谷歌地图上用标记显示数据库中的特定坐标。现在我试着用一个简单的标记

背景：

我在static/maps/jason_data.json中有一个本地json文件

我在使用谷歌api，我在这里使用他们的模板

    <div id="map"></div>

    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap">
    </script>

      <head>
        <style>
           #map {
            height: 600px;
            width: 800px;
        margin: 0 auto;
      }



    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>


 var map;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
      center: new google.maps.LatLng(a,b),
      mapTypeId: 'roadmap'
    });

        results = map.data.loadGeoJson('/maps/json_data.json');


      window.eqfeed_callback = function(results) {
        for (var i = 0; i < results.features.length; i++) {
          var coords = results[i].features[0].geometry.coordinates;
          var latLng = new google.maps.LatLng(coords[1],coords[0]);
          var marker = new google.maps.Marker({
            position: latLng,
            map: map
          });
        }
      }
    </script>
  </body>
</html>

 </div>

我试图通过python格式化json文件，类似于其他GEOJson选项

很抱歉，我以前没有使用过javascript。

您的字符似乎有误

谢谢，我来看看。我有我的静态目录设置非常奇怪，所以它有点容易路径。与地理代码无关的静态文件显示正确。这可能是一个愚蠢的问题，但json文件是否包含var json=dictionary{}。json文件不是javascript文件，因此它不能包含var json=dictionary{}。它只能在字符串上转换字典，就像您的示例中那样。我仍然认为（在错误消息中）浏览器不会获取包含JSON数据的文件，而是一些包含错误消息的HTML文件，该文件以char开头：“我刚刚决定在URL定义中使用render来传递JSON，现在它表示这是一个文本，但显示正确。
Error parsing /maps/json_file.json: SyntaxError: Unexpected token < in JSON at position 1

{"id48": {"type": "FeatureCollection", "features": [{"geometry": {"type": "Point", "coordinates": ["a", "-b"]}, "type": "Point"}], "properties": {"prop1": "property", "id": 48}},...}