html - 場所を表示するGoogleマップ

Question

私のアプリケーションでは、グーグルマップに2つ以上のポイントを表示したいのですが、それらの間に線を引く必要もあります。これをhtmlのタグで表示したい。どうすればいいですか？

Answer 1

したがって、静的マップAPIを使用する必要があります。

マーカーとポリラインを使用した例を次に示します。

<img src="http://maps.googleapis.com/maps/api/staticmap?
size=500x300
&amp;sensor=false
&amp;markers=color:green|label:1|51.511333,-0.119355
&amp;markers=color:blue|label:2|51.507801,-0.107569
&amp;markers=color:red|label:3|51.510999,-0.104297
&amp;path=color:0xff0000ff|weight:5|51.511333,-0.119355|51.506205,-0.114462|51.507774,-0.10861|51.507801,-0.107569|51.5071,-0.107344|51.507207,-0.105016|51.507507,-0.104404|51.510999,-0.104297">

最後の行は、ポリラインの属性の設定から始まります。つまり、その色は赤（ff0000）です。最後の「ff」は100％ソリッドであることを示しますが、これらの最後の2文字を00〜FF（ベース16）の間で変更して、0〜100％の不透明度にすることができます（または、最後の2文字を完全にオフのままにした場合は、 'デフォルトは50％の不透明度です）。重み（太さ）は5です。
その後は、ポリラインの座標のリストになります。各座標は、|

ドキュメントを確認してください：https ：//developers.google.com/maps/documentation/static-maps/intro#Paths