私は自分の街のデータベースを持っており、通りの名前と人々の平均密度を表す数字(1から5まで)が付いています。
これを地図上に表現したいと思います(GoogleマップでもOSMでも構いません)。ここでは、密度に応じて通りを緑から赤に色分けします。
通りに色を付ける方法や、その上にポリラインを描く方法さえわからないという問題。
何か案は ?
TY!
私は自分の街のデータベースを持っており、通りの名前と人々の平均密度を表す数字(1から5まで)が付いています。
これを地図上に表現したいと思います(GoogleマップでもOSMでも構いません)。ここでは、密度に応じて通りを緑から赤に色分けします。
通りに色を付ける方法や、その上にポリラインを描く方法さえわからないという問題。
何か案は ?
TY!
GoogleマップAPIv3を使用している場合、マップ上に線を作成/描画することは難しい作業ではありません。Gmaps3のドキュメントでは、その使用方法が明確に説明されています-
https://developers.google.com/maps/documentation/javascript/overlays#Polylines
ロジックは、地図上に線を引くために使用できる配列に通りの座標(緯度)を渡すことです。さらに、ポリラインの色を簡単に変更できます。これを実現する方法については、次のような色のセットを持つ配列を作成できます。
var linecolors = [];
linecolors[0] = '#3333FF';
linecolors[1] = '#8A0808';
linecolors[2] = '#B45F04';
linecolors[3] = '#B18904';
次に、密度の値に応じて、ポリラインを作成するときに配列から適切に色を取得します
更新:通りの座標を見つけるには、ルート案内サービスが必要になる場合があります。
住所または場所を出発地および目的地として渡して、directionsService.route()
を使用できますtravelMode DRIVING
。あなたは通りを得る-例
受信した座標は、chrome console- networkタブを使用して表示および保存できます(ダウンロードされたjsファイルは座標とともに見つかります)。