javascript - 有效的 geoJson 未填充 Google map 标记

Question

与我的 geoJson 关联的标记未填充在我的 map 上。如果我在 http://geojsonlint.com/ 上运行我的 geoJSON一切正常。如果我将 geoJSON 与 google map dev api 'https://storage.googleapis.com/maps-devrel/google.json' 的示例交换，它们的叠加层就会很好地填充在我的 map 上。

下面我运行 http://localhost:3009/murals.json 作为 loadGeoJson 的参数，我也尝试运行 test.json 来自本地文件。

我的 map .js

function initialize() {
  var myLatlng = new google.maps.LatLng(40.0172679,-105.2839094);
  var myOptions = {
    zoom: 16,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(
    document.getElementById('map'), myOptions
  );
  map.data.loadGeoJson('http://localhost:3009/murals.json');
};

google.maps.event.addDomListener(window, "load", initialize());

我的 Controller (毫无疑问可以重构，但输出格式正确的 geoJSON)

def index
    @murals = Mural.all
    muralHash = []
    @geojson = { type: "GeometryCollection",
      geometries: muralHash
    }
      @murals.each do |mural, myHash = {:type => nil,:coordinates => nil}|
        myHash["type"] = 'Point'
        myHash["coordinates"] = [mural.longitude, mural.latitude]

        muralHash << myHash
      end
    respond_to do |format|
      format.html
      format.json { render json: @geojson }
    end
  end

geoJSON

    { "type":"GeometryCollection",
      "geometries":[
        {
          "type":"Point",
          "coordinates":[-105.287685950293,40.0124034482671]
        },
        {
          "type":"Point",
          "coordinates":[-105.196297724738,39.9935339839196]
        },
        {
          "type":"Point",
          "coordinates":[-105.283136923804,40.0162490232761]
        }
      ]
    }

Answer 1

JSON 无效(与 map API 期望的格式相关的有效)，这可以工作:

{
  "type":"FeatureCollection",
  "features":[
    {
      "type":"Feature",
      "geometry":{
        "type":"Point",
        "coordinates":[-105.287685950293,40.0124034482671]
      }
    },
    {
      "type":"Feature",
      "geometry":{
        "type":"Point",
        "coordinates":[-105.196297724738,39.9935339839196]
      }
    },
    {
      "type":"Feature",
      "geometry":{
        "type":"Point",
        "coordinates":[-105.283136923804,40.0162490232761]
      }
    }
  ]
}