0

私の要件では、マップする json オブジェクトとして渡されたウェイ ポイントのセットがあります。これらのウェイポイントから、開始と終了をアルファベットで表示し、中間のマーカーを数字で表示する必要があります。このシナリオをどのように実装できますか? また、Google マップは最大 8 つのウェイポイントと 1 つの開始点と終了点をサポートしていることがわかりました。マップにさらにウェイポイントを追加する方法はありますか? ウェイポイントのレンダリングに Google マップの DirectionsService を使用しています。

私が使用したコードは

  function calcRoute() {
    var start = wayPointArray[0];
    var end = wayPointArray[1];
    var waypts = [];

    for (var i = 2; i <= wayPointArray.length-1; i++) {
            waypts.push({
                location: wayPointArray[i],

                stopover: true
            });

    }
    var request = {
        origin: start,
        destination: end,
        waypoints: waypts,
        optimizeWaypoints: true,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    directionsService.route(request, function (response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
        }
    });
}

function initialize() {
    directionsDisplay = new google.maps.DirectionsRenderer();
    var mapOptions = {
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    directionsDisplay.setMap(map);
}

wayPontArray には、ウェイポイントの緯度と経度がすべて含まれています。1 番目と 2 番目がそれぞれ開始点と終了点になり、その他はすべてウェイポイントになります。開始と終了はアルファベット、つまり A と B である必要があります。中間のウェイポイントは数字である必要があります。

前もってありがとうボニー。

4

1 に答える 1

0

ウェイポイントの座標がわかっている場合は、次の例のように、ラベルとして数字または文字を使用したカスタムマーカーを使用できます。

var marker = new google.maps.Marker({
    position: myLatlng, 
    map: map,
    icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=A|FF0000|000000'
});
于 2012-09-21T07:13:48.723 に答える