none
Ligar vários pontos no Google Maps RRS feed

  • Pergunta

  • Bom dia a todos,

    Estou populando um mapa com vários endereços de uma viagem armazenados no meu BD.

    Gostaria de ligar todos esses pontos com uma linha e não estou conseguindo.

    Alguém poderia me ajudar?

    Segue o meu código.

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
         <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MinhaKey&sensor=false"></script>
    <script type="text/javascript">
    var markers = [
    <asp:Repeater ID="rptMarkers" runat="server">
    <ItemTemplate>
                {
                "title": '<%# Eval("Name") %>',
                "lat": '<%# Eval("Latitude") %>',
                "lng": '<%# Eval("Longitude") %>',
                "description": '<%# Eval("Description") %>'
            }
    </ItemTemplate>
    <SeparatorTemplate>
        ,
    </SeparatorTemplate>
    </asp:Repeater>
    ];
    </script>
    <script type="text/javascript">
        window.onload = function () {
            var mapOptions = {
                center: new google.maps.LatLng(markers[0].lat, markers[1].lng),
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP
    
            };
            var infoWindow = new google.maps.InfoWindow();
            var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
            for (i = 0; i < markers.length; i++) {
                var data = markers[i]
                var myLatlng = new google.maps.LatLng(data.lat, data.lng);
                var marker = new google.maps.Marker({
                    ,
                    map: map,
                    title: data.title
                });
                (function (marker, data) {
                    google.maps.event.addListener(marker, "click", function (e) {
                        infoWindow.setContent(data.description);
                        infoWindow.open(map, marker);
    
                    });
                })(marker, data);
            }
        }
    </script>
    <div id="dvMap" style="width: 500px; height: 500px">
    </div>
        </div>
        </form>
    </body>
    </html>

    Desde já muito obrigado!

    terça-feira, 10 de julho de 2018 13:43