Question

我不善于解释这一点，但我会尽力而为。

我正在使用GeoJson在谷歌地图中加载图层。到目前为止一切正常。但是，当我尝试添加颜色时，它没有显示它们。

我首先在此链接中添加颜色：https://raw.githubusercontent.com/MissAudi/Relipop/master/GeoJson%20file 如果我在geojson.io中加载这个GeoJson文件，它会显示我添加的所有颜色。但是，当我将这个GeoJson文件添加到我的网站时，它不再显示颜色了。

GeoJson文件在代码中的map.geojson中加载。这是我的代码：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<body>

  <h1>My First Google Map</h1>
  <div id="googleMap" style="width:100%;height:1000px;"></div>

  <script>
    function myMap() {
      var mapProp = {
        center: new google.maps.LatLng(37.6763643, -100.2707594),
        zoom: 5
      };

      var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

      var promise = $.getJSON('map.geojson');
      promise.then(function(data) {
        cachedGeoJson = data;
        map.data.addGeoJson(cachedGeoJson);
      })


    }
  </script>

  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD9KDXscBtm5sLLTN2Rg9eNFJcLj3H8MAU&callback=myMap"></script>
</body>
</html>

GeoJson填充颜色，笔画颜色不愿意在浏览器中加载

0 个答案: