2016-12-13 3 views
1

私は現在、Openlayers2を使用してマップを開発中です。 このマップは、いくつかの情報を表示することがありopenlayersにカスタムdivタグを挿入

私はすでにトンが

  • OpenLayers.Layer.Vector使用して画像やキャンバスを統合管理

    - >のための基本的なイメージとベクトル

  • OpenLayers.StyleMapとOpenLayersをします.Style - >キャンバスとテキスト用

私は今、テキストを統合するいくつかのボックスを挿入する必要があります。

ボックスは、それぞれ異なる長さのテキストに自分自身を適応させる必要があります。

私の代わりに

情報はJSONから統合されています(適応することは困難であり、取り扱いが非常に重い)キャンバス、divののように、カスタマイズされたHTMLタグを挿入するために、今たいと思いますJSONの

{ 
 
    
 
     "type": "FeatureCollection", 
 
     "features": [{ 
 
      "type": "Feature", 
 
      "geometry": { 
 
       "type": "Point", 
 
       "coordinates": [ 
 
        589200.0, 
 
        2402900.0 
 
       ] 
 
      }, 
 
      "properties": { 
 
       "activation": "true", 
 
       "info": "one for example short text" 
 
    
 
      } 
 
     }, { 
 
      "type": "Feature", 
 
      "geometry": { 
 
       "type": "Point", 
 
       "coordinates": [ 
 
        603700.0, 
 
       2408300.0 
 
       ] 
 
      }, 
 
      "properties": { 
 
      "activation": "true", 
 
       "info": My other very long text \n with lines \r different messages and so on\n and it has to fit in.." 
 
    
 
      } 
 
     }] 
 
    }

それは、従来のマップであり、我々はOpenlayer 2とstuckedているので、解決策は、私がdesesperately成功せず、ネット上で合うか解決策を探していますバージョン3.

とではありませんしかし、私はそれで貴重な時間を失っています。私はstyleMapのどのような種類を使用することができ

new OpenLayers.Layer.Vector("Vector", { 
 
      layername: "myText", 
 
      resolutions: [100, 50, 25, 10], 
 
      styleMap: textStyleMap, 
 
      isBaseLayer: false, 
 
      visibility: false, 
 
      strategies: [new OpenLayers.Strategy.Fixed({ 
 
       preload: true 
 
      })], 
 
      protocol: new OpenLayers.Protocol.HTTP({ 
 
       url: "myText.json", 
 
       format: new OpenLayers.Format.GeoJSON() 
 
      }) 
 
     })

情報は、この方法でロードされていますか? 誰かが問題の解決策を持っていますか?

ありがとうございました!

答えて

関連する問題