google map in asp.net

Question

0.00/5 (No votes)

See more:

in my database i have latitude and longitude saved in table . i need to fetch all lat n long from database n show marks based on the coordinates on google map .i found some article but it shows one marker at a time n it's from client side. can anyone help me out here. as English is not my first language sorry for any grammatical and spelling mistake
i found some code to do this.

C#

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title></title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAnfs7bKE82qgb3Zc2YyS-oBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSySz_REpPq-4WZA27OwgbtyR3VcA&sensor=false"
        type="text/javascript"></script>
</head>
<body>
    <form id="form1"  runat="server">
    <div id="map" style="width: 500px; height: 400px;"></div>
    <script type="text/javascript">
        var locations = [['Bondi Beach', -33.890542, 151.274856], ['Coogee Beach', -33.923036, 151.259052], ['Cronulla Beach', -34.028249, 151.157507], ['Manly Beach', -33.800128, 151.282085], ['Maroubra Beach', -33.950198, 151.259302]];
        var map = new GMap2(document.getElementById('map'));
        var i; map.setCenter(new GLatLng(-33.92, 151.25), 10);
        for (i = 0; i < locations.length; i++) 
        {
            var marker = new GMarker(new GLatLng(locations[i][1], locations[i][2]));
            map.addOverlay(marker); 
            GEvent.addListener(marker, "click", function ()
             {
                marker.openInfoWindowHtml("hi");
            });                          
        } 
       </script> 
    </form>
</body>
</html>

but this is not show multiple infowindow . and tell how i can fetch lat n long from database on

Posted 27-Feb-12 17:04pm

spydeehunk

Updated 27-Feb-12 19:56pm

Anuja Pawar Indore

v3

Add a Solution

Comments

Anuja Pawar Indore 28-Feb-12 1:56am

Added code block

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anuja Pawar Indore · Answer 1 · 2012-02-27T19:58:00

Solution 3

Refer this
http://deepumi.wordpress.com/2010/03/28/google-map-3-with-multiple-locations-in-asp-net-c/[^]
Google Maps Control for ASP.NET - Part 1[^]

Posted 27-Feb-12 19:58pm

Anuja Pawar Indore

Comments

Uday P.Singh 28-Feb-12 2:14am

5!

Anuja Pawar Indore 28-Feb-12 2:16am

Thanks Uday

Ganesan Senthilvel · Answer 2 · 2012-02-27T17:14:00

you have to use the Google Maps API, which is in fact just a set of JavaScript functions. You just have to pass the coordinates stores somewhere in the database from server-side to JavaScript. Here is the code:

JavaScript

<script type="text/javascript">
        var map;
        function initialize() {
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById("map"));
                
                var lat = <asp:literal id="ltrLat" runat="server" xmlns:asp="#unknown" />;
                var lng = <asp:literal id="ltrLng" runat="server" xmlns:asp="#unknown" />;
                
                var center = new GLatLng(lat, lng);
                
                map.setCenter(center, 10);
                map.setUIToDefault();
                
                var marker = new GMarker(center);
                map.addOverlay(marker);
                marker.openInfoWindow("Here");
            }
        }
        </script>

manu g m · Answer 3 · 2012-02-27T18:05:00

Solution 2

This link will help you http://stackoverflow.com/questions/3723092/adding-multiple-markers-on-google-map-using-api-v2[^]

Posted 27-Feb-12 18:05pm

manu g m

Updated 27-Feb-12 18:06pm

v2