在Google Map api v3中使用从A到B的多段线 [英] Hide polyline from A to B using in Google Map api v3

问题描述

我用下面的代码显示谷歌地图，我想隐藏A到B之间的折线。所有关于谷歌的答案讨论创建一个数组，然后做 array.setmap（null）。我可以在不使用数组的情况下隐藏折线。在其他情况下，我应该如何使用数组来隐藏使用下面的代码折线。

I am displaying google map with code below, I want to hide Polyline between A to B. All answers on google talk about creating an array and then doing array.setmap(null). can I hide polyline without using arrays. In other case, how should I use array to hide polyline using code below.

编辑：我需要显示标记A和B

I need marker A and B to be shown

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var time;    
function initialize() {

        var rendererOptions = {
            map: map,
            draggable: true               
        }
        // Instantiate a directions service.
        directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);

        // Create a map and center it on islamabad.
        var islamabad = new google.maps.LatLng(33.7167, 73.0667);
        var mapOptions = {
            zoom: 13,
            center: islamabad
        }
        map = new google.maps.Map(document.getElementById('map'), mapOptions);
        directionsDisplay.setMap(map);
        calcRoute();
    }

    function calcRoute() {
        var start = document.getElementById('MainContent_txtFrom').value;
        var end = document.getElementById('MainContent_txtTo').value;
        var request = {
            origin: start,
            destination: end,
            travelMode: google.maps.TravelMode.DRIVING
        };
        directionsService.route(request, function (response, status) {
            if (status == google.maps.DirectionsStatus.OK) {

                directionsDisplay.setDirections(response);
            }
        });
    }      
    google.maps.event.addDomListener(window, 'load', initialize);

推荐答案

如果要渲染方向但隐藏折线，使用 DirectionsRendererOptions suppressPolylines 。

If you want to render the directions but hide the polyline, use the DirectionsRendererOptions suppressPolylines.

function initialize() {

    var rendererOptions = {
        suppressPolylines: true,
        map: map,
        draggable: true               
    }
    // Instantiate a directions service.
    directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);

这篇关于在Google Map api v3中使用从A到B的多段线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！