Googleマップで通りを表示する

異なる色で異なる通りを表示するGoogleマップの上にオーバーレイを作成したいとします。Googleマップで通りを表示する

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

何とか別の通りをマークする方法はありますか？

2009-06-29 Niklas

トラフィックマップではなく、Googleマップの表示にアプリケーション固有の色付けを表示することに興味があるように聞こえます。

もしそうなら、カスタムオーバーレイをチェックアウトする必要があります。透明な背景オーバーレイタイルを（色付きの通りで）作成し、Googleのマップタイルとマッチさせてマップにオーバーレイすることができます。このものの説明はMaps API reference - Overlaysにあります。

私は実際にこれを試してみることに興味があり、この質問は良い言い訳かもしれません。私はどうやって行くのか教えてくれます。

編集：はい、私はこれを試して、それはpretty straightforwardでした。オーバーレイしたい領域のGoogleマップページが読み込まれたら、タイルイメージを取得するだけです。これらのURLには、タイルオーバーレイメソッドを記述するために必要なx、y座標があるため、オリジナルのURLを確実に把握してください。

色付きの道路でタイルを編集し、ウェブサーバーにアップロードします。通常の地図上にオーバーレイを使用するには、次のコードを追加します。ズームで、X = 38598とy = 49259で

：

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タイルを食べるオーバーレイレベル01。

出典

2009-06-29 23:05:06 RedBlueThing