2017-11-30 6 views
1

私は外部ファイルからポリゴンをロードするBingマップ上で動作するスタイルを取得しようとしています。Bing Maps APIのURLからGeoJSONにPolygonOptionsを追加

//Load the GeoJson Module. 
    Microsoft.Maps.loadModule('Microsoft.Maps.GeoJson', function() { 

     //Parse the GeoJson object into a Bing Maps shape. 
     var shape = Microsoft.Maps.GeoJson.read(myGeoJson, { 
      polygonOptions: { 
       fillColor: 'rgba(255,0,0,0.5)', 
       strokeColor: 'white', 
       strokeThickness: 5 
      } 
     }); 

     //Add the shape to the map. 
     map.entities.push(shape); 
    }); 

(「myGeoJson」は先に定義された変数)

及びファイルから第二ロードし:

ドキュメントは、まず、JavaScriptで直接データを含めるための2つの例を、有します
//Load GeoJSON module. 
    Microsoft.Maps.loadModule('Microsoft.Maps.GeoJson', function() { 

     //Read the GeoJSON file that is hosted on the same domain. 
     Microsoft.Maps.GeoJson.readFromUrl('data/Countries.js', 
      function (shapes) { 
       //Add the shape(s) to the map. 
       map.entities.push(shapes); 
      }); 
    }); 

2番目の例のようにファイルからロードできますが、最初のスタイルと同じようにスタイルを設定したいと考えています。

これを行うには問題があります。私はGeoJson.readFromUrl()の呼び出しで最初の例のGeoJson.read()への呼び出しを単に置き換えようとしましたが、これは失敗します。このドキュメントでは、ファイルからロードされたgeojsonをスタイルする方法についての手がかりはありません。

誰でも私にヒントやヒントを教えてもらえますか?

+0

最初の例は、**形状の**オブジェクトを示しています。対応する**座標は地図上にあります**、**幾何学的な図**のみです。 2番目の例は、** 'shape' **オブジェクトのコレクションを示しています。ここで' data/Countries.js'には各国の適切な座標が含まれています。 **不完全なドキュメント**。 –

答えて

2

次のことを試してみてください。

//Load GeoJSON module. 
    Microsoft.Maps.loadModule('Microsoft.Maps.GeoJson', function() { 

     //Read the GeoJSON file that is hosted on the same domain. 
     Microsoft.Maps.GeoJson.readFromUrl('data/Countries.js', 
      function (shapes) { 
       //Add the shape(s) to the map. 
       map.entities.push(shapes); 
      }, null, { 
      polygonOptions: { 
       fillColor: 'rgba(255,0,0,0.5)', 
       strokeColor: 'white', 
       strokeThickness: 5 
      } 
     }); 

注コールバック関数とスタイルの間に「ヌル」。 JSONPを使用してファイルを要求する必要がある場合は、そのフィールドにJSONP URLパラメータを指定できます。

+0

スポットがあります。 –