How Do I Add Marker In Google Map ?

Question

0.00/5 (No votes)

See more:

JavaScript

<script type="text/javascript">
        $(function () {
            $("#btnShow").click(function () {
                var geoLocation = document.getElementById('geoLocation123').value;
                temp = geoLocation.split(",");
                //alert(temp[0]);
                //alert(temp[1]);
                //alert(geoLocation);
                $("#dialog").dialog({
                    modal: true,
                    title: "Google Map",
                    width: 600,
                    height: 450,
                    buttons: {
                        Close: function () {
                            $(this).dialog('close');
                        }
                    },
                    open: function () {
                        var mapOptions = {
                            center: new google.maps.LatLng(temp[0], temp[1]),
                            zoom: 10,
                            mapTypeId: google.maps.MapTypeId.ROADMAP
                        }
                        var map = new google.maps.Map($("#dvMap")[0], mapOptions);
                    }
                });
            });
        });
    </script>

Posted 15-Oct-15 22:15pm

Member 11919014

Updated 15-Oct-15 22:30pm

Krunal Rohit

v2

Add a Solution

2 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)

Krunal Rohit · Answer 1 · 2015-10-15T22:33:00

JavaScript

var marker=new google.maps.Marker({
      position: your lat/lang,
  });
marker.setMap(map);

See the complete snippet:
http://www.w3schools.com/googleapi/tryit.asp?filename=tryhtml_map_overlays_marker[^]
https://developers.google.com/maps/documentation/javascript/examples/marker-simple[^]
https://developers.google.com/maps/documentation/javascript/markers[^]

-KR

Wessel Beulink · Answer 2 · 2015-10-15T23:01:00

XML

// map placement
<div id="map_canvas" style="width: 100%; height: 100%;">
</div>

// your google map api get and javascript
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
//function to show 
        <script type="text/javascript">

            $(document).ready(function () {
                initialize();
            });
            function initialize() {
                //Place your google point on the map
                var mapOptions = {
                    center: new google.maps.LatLng(51.9310008, 6.115906),
                    zoom: 10,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"),
                  mapOptions);
                // create a marker
                var latlng = new google.maps.LatLng(51.9310008, 6.115906);
                
                // placement of marker
                var marker = new google.maps.Marker({
                    position: latlng,
                    label: "label",
                    labelContent: "labelcontent",
                    map: map,
                    title: 'title'
                });
                
                //create your map info
                var iw1 = new google.maps.InfoWindow({
                    content: "content"
                });
                // create your click handler for clicking point on you google map to show your marker content
                google.maps.event.addListener(marker, "click", function (e) { iw1.open(map, this); });
            }

Additional infromation: You are not allowed to save the google map latling locations in a database!! you must use a third party software to get your latling location in a database use something like a zip adress finder api to get latinglocations and save them to a database.

How Do I Add Marker In Google Map ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0