19

リーフレットにgeojsonレイヤーがあり、このレイヤーにgeojsonオブジェクトを追加して、結果のマップに表示できます。

次に、オブジェクトの近くに表示するテキストラベルを追加します。

この例は、カスタムL.control()オブジェクトを使用して地図上に追加情報を表示する方法を示しています。これは私がやりたいことに近いようです。

この例では、各州の上に配置された州の初期テキストラベル(つまり、「TX」、「FL」)を追加したいと思います。これを行うために使用できますL.control()か、それとも別の方法がありますか?

http://leaflet.cloudmade.com/examples/choropleth.html

var info = L.control();

info.onAdd = function (map) {
    this._div = L.DomUtil.create('div', 'info'); // create a div with a class "info"
    this.update();
    return this._div;
};

// method that we will use to update the control based on feature properties passed
info.update = function (props) {
    this._div.innerHTML = '<h4>US Population Density</h4>' +  (props ?
        '<b>' + props.name + '</b><br />' + props.density + ' people / mi<sup>2</sup>'
        : 'Hover over a state');
};

info.addTo(map);
4

3 に答える 3