1

Leaflet マップにポリゴンを追加してスタイルを与えようとしています。http://leafletjs.com/examples/geojson.htmlのチュートリアルに従っていますが、成功していません。

私のコードは次のとおりです。

var myStyle = {
  "color": "#0000FF",
  "fill": true,
  "opacity": 0.65
  };

  var myPolygon = [{
      "type": "Feature",
      "properties": {
          "name": "Poly test",
          "popupContent": "this is my test!",
      },
      "geometry": {
          "type": "Polygon",
          "coordinates": [[
              [6.0, 52],  // top right
              [5.9,  52], // top left
              [5.9,  51.5], // bottom left
              [6.0, 51.5]
          ]]
      }
  }];

    // Create a map with standard location
    map = L.map('map').setView([52.2, 6.5], 9);
  var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
  var osm = new L.TileLayer(osmUrl, {minZoom: 3, maxZoom: 14});   
  // Ask the user to get their current location
  map.locate({setView : true});
  // Add the tilelayer to the map
  map.addLayer(osm);

  L.geoJson(myPolygon, {
    style: myStyle
  }).addTo(map);

  // Add event listeners
  map.on('locationfound', myMarker);

ポリゴンの外側の線が描画されますが、標準の青色で表示されます。誰かがこれを正しく行う方法について正しい解決策を教えてもらえますか?

ありがとう!

4

1 に答える 1