none
googleMap com dois endereços

    Pergunta

  • Pessoal, este código esta funcionando para um endereço, como faço para fazer um trajeto inserindo 2 endereços?

    No aguardo!

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testeGoogleMap.aspx.cs" Inherits="Integra.testeGoogleMap" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script language="javascript" type="text/javascript">

        var map;
        var geocoder;
        function InitializeMap() {

            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions =
            {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                //disableDefaultUI: true
            };
            map = new google.maps.Map(document.getElementById("map"), myOptions);
        }

        function FindLocaiton() {
            geocoder = new google.maps.Geocoder();
            InitializeMap();


            var txtAddress = document.getElementById("txtAddress");
            var address = txtAddress.value;
            geocoder.geocode({ 'address': address }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    var marker = new google.maps.Marker({
                        map: map,
                        [0].geometry.location
                    });

                }
                else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });

        }

        function showAddress() {
            geocoder = new google.maps.Geocoder();
            initialize()
            var txtAddress = document.getElementById("txtAddress");
            var address = txtAddress.value;

            geocoder.getLatLng(
                    address,
                    function (point) {
                        if (!point) {
                            alert(address + " not found");
                        }
                        else {
                            map.setCenter(point, 15);
                            var marker = new GMarker(point);
                            map.addOverlay(marker);
                            marker.openInfoWindow(address);
                        }
                    }
                );
        }

        //function Button1_onclick() {
        //   FindLocaiton();
        //}

        window.onload = InitializeMap;

    </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <table>
    <tr>
    <td>
    <input id='txtAddress' />
    </td>
    <td>
        <input id="Button1" type="button" value="Find" onclick="return FindLocaiton()" /></td>
    </tr>
    <tr>
    <td colspan ="2">
    <div id="map" style="width: 350px; height: 300px"></div>
    </td>
    </tr>
    </table>
        </div>
        </form>
    </body>
    </html>

    quinta-feira, 20 de junho de 2013 21:46

Todas as Respostas