2011-07-23 8 views

答えて

5

何?

http://code.google.com/apis/maps/documentation/javascript/overlays.html

あなたはすべてのAPIで説明したマーカー、線、テキストなどを追加することができます。

例は臆面もなく地図上のポリラインを描画する方法についてのドキュメントからつかん:

function initialize() { 
    var myLatLng = new google.maps.LatLng(0, -180); 
    var myOptions = { 
    zoom: 3, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
    }; 

    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    var flightPlanCoordinates = [ 
    new google.maps.LatLng(37.772323, -122.214897), 
    new google.maps.LatLng(21.291982, -157.821856), 
    new google.maps.LatLng(-18.142599, 178.431), 
    new google.maps.LatLng(-27.46758, 153.027892) 
    ]; 
    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    strokeColor: "#FF0000", 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

    flightPath.setMap(map); 
} 

は、Googleのページにたくさんのより多くの例があります。

+0

こんにちは、よく見えますが、ここには4本のパイントが1本しかありません。出発点が1で、この点から他の点までのすべてのルートを表示する必要があります。イメージのように、私がリンクしているもの。 – Nik

+2

泡立ち、すすぎ、リピート。誰もあなたが必要とする正確なコードを投稿することはないので、APIを使用して特定の問題に適用する必要があります。あなたが実装中に立ち往生して戻って特定の問題を投稿し、フレンドリーなSOの人々がより多くの喜んで役立つだろう場合。 –

関連する問題