Google マップで道路にマークを付ける

StackOverflow https://stackoverflow.com/questions/1058988

  •  21-08-2019
  •  | 
  •  

質問

Google マップの上に、さまざまな道路をさまざまな色で表示するオーバーレイを作成したいと考えています。

Google Maps API では、特定のエリアをカバーするマーカーとポリゴンを作成できます。

何らかの方法で異なる通りにマークを付ける方法はありますか?

役に立ちましたか？

解決

あなたには、いくつかのアプリケーションの特定にGoogleマップの表示のためのカラーリング（というよりもトラフィックマップ）を示すことに興味があるように

それは私に聞こえます。

その場合は、

は、カスタムオーバーレイをチェックアウトする必要があります。あなたは、（あなたの色の街で）独自の透明な背景のオーバーレイタイルを作成し、Googleのマップタイルでそれらを一致して、地図上にオーバーレイすることができます。オーバーレイ< - あなたはマップのAPIリファレンスではこのようなものの説明を見つけることができます/>。

私は実際にこれを試しに興味を持っている、そしてこの質問は良い言い訳かもしれません。私はあなたが私が行く方法を知ってもらおう。

編集：[OK]を、私はこれを試してみましたが、それはかなり簡単のでした。あなただけのとき（あなたがオーバーレイしたいエリアの）Googleマップのページの読み込みタイル画像を取得する必要があります。これらは、Xを持っているので、あなたがorigionalのURLを追跡していることを確認し、yは、あなたのタイルオーバーレイメソッドを記述する必要があることを調整します。

Webサーバーにアップロードし、あなたの色の道路でタイルを編集します。通常の地図上にオーバーレイを使用するには、次のコードを追加します：

var myCopyright = new GCopyrightCollection("© ");
myCopyright.addCopyright(new GCopyright('Demo',
              new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)),
                0,'©2007 Google'));

// Create the tile layer overlay and 
// implement the three abstract methods                 
var tilelayer = new GTileLayer(myCopyright);

// properties of the tile I based my tile on
// v=w2.97&hl=en&x=38598&s=&y=49259&z=17&s=Galil.png
tilelayer.getTileUrl = function(point,  zoom) { 
    if (zoom == 17 && point.x == 38598 && point.y == 49259)
        return "../pics/times_square.png"; 
};

tilelayer.isPng = function() { return true;};
tilelayer.getOpacity = function() { return 1.0; }

var myTileLayer = new GTileLayerOverlay(tilelayer);
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(40.75740, -73.98590), 17);
map.addOverlay(myTileLayer)

このコードオーバーレイ私のの事はNY のタイルを食べます

X = 38598であり、y = 49259ズームレベルで17

他のヒント

Google Maps API ではマーカーやポリゴンを作成できます。GPolygon オブジェクトや GPolyline オブジェクトを作成する必要があります

見てください これらのチュートリアル

特定の通りの座標 (緯度、経度) を取得したい場合は、次のソース コードを参照してください。 このページ

あなたの質問を完全に理解できません:特定の通りをマークしたいですか?その場合、手っ取り早い方法は、通りのすべての住所の座標を取得し、それに基づいて GPolygon を構築することです...

は、使用してconcidered持っ OpenStreeMaps の？

通常のGoogleマップサイト上のトラフィックのオーバーレイを表示するために使用されるコードに掘ってみます。

編集：私は、コードを見て、と言っても、Googleはそれだけで、サーバー上のトラフィック株を生成し、のような透明なPNGオーバーレイを、それらを引き下げることによって、これを実現するために簡単だったことを決めたことが表示されます。

。

私はちょうどこのリンクを見つけ、そして私はこれがあなたに興味ことができると思います。これは、Googleマップ上に複数のルートを表示するための機能を提供するJavaScriptパッケージです。

は、

??探していたものを、それです
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top