How to Draw a Route in Google Map using Asp.net and Sql server Database Values

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Karempudi
    New Member
    • Apr 2013
    • 1

    #1

    How to Draw a Route in Google Map using Asp.net and Sql server Database Values

    I'm New Developer of Google Map Using ASP.Net...

    I developing one Project Using ASP.Net,C#,SQL Server in Google Maps...My Problem is Database Values are Retrieved into the Map,but line is not Drawn between the Markers...

    This is My Code for Retrieving Data from Database to GMap
    Code:
    <script type="text/javascript">
        var markers = [
        <asp:Repeater ID="rptMarkers" runat="server">
        <ItemTemplate>
                 {
                    "lat": '<%# Eval("Latitude") %>',
                    "lng": '<%# Eval("Longitude") %>',               
                }
        </ItemTemplate>
        <SeparatorTemplate>
            ,
        </SeparatorTemplate>
        </asp:Repeater>
        ];
        </script>
        <script type="text/javascript">
    
            window.onload = function () {
                var mapOptions = {
                    center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
                    zoom: 12,
                    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(
                    {
                        position: myLatlng,
                        map: map
                    });  
                  
                    var myTrip = myLatlng;  alert(myTrip);  
                    var polyline = new GPolyline([new GLatLng(myTrip),
                                        new GLatLng( myTrip),
                                        ],"#3333cc", 10);            
                 }
                          
    
            }
        </script>
    Can Any one Help me...
    Last edited by Rabbit; Apr 24 '13, 03:44 PM. Reason: Please use code tags when posting code.
Working...