{"id":7216,"date":"2020-05-09T08:51:15","date_gmt":"2020-05-09T08:51:15","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=7216"},"modified":"2025-01-07T13:36:58","modified_gmt":"2025-01-07T13:36:58","slug":"click-on-map-and-get-longitude-latitude","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/","title":{"rendered":"Click on map and get Longitude -Latitude."},"content":{"rendered":"\n<div>\n<h1>Click on map and get Longitude -Latitude.<\/h1>\n<h4>How To Get Longitude &#8211; Latitude When Clicked On Map?<\/h4>\n<pre class=\" language-php\"><code class=\" language-php\">\n&lt;div id=\"MyMap\" style=\"width:100%;height:500px;\"&gt;&lt;\/div&gt;\n&lt;script&gt;\n<span class=\"snip keyword\">function<\/span> <span class=\"snip function\">myMap<\/span>() {\n&nbsp;&nbsp;var mapCanvas = document.getElementById(<span class=\"snip string\">\"MyMap\"<\/span>);\n&nbsp;&nbsp;var myCenter=new <span class=\"snip function\">google.maps.LatLng<\/span>(51.508742,-0.120850);\n&nbsp;&nbsp;var mapOptions = {center: myCenter, zoom: 5};\n&nbsp;&nbsp;var map = new <span class=\"snip function\">google.maps.Map<\/span>(mapCanvas, mapOptions);\n&nbsp;&nbsp;google.maps.event.addListener(map,<span class=\"snip string\">'click'<\/span>, <span class=\"snip keyword\">function<\/span>(event) {\n&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"snip function\">LocationMarker<\/span>(map, event.latLng);\n&nbsp;&nbsp;});\n}\n<span class=\"snip keyword\">function<\/span> <span class=\"snip function\">LocationMarker<\/span>(map, location) {\n&nbsp;&nbsp;var marker = new <span class=\"snip function\">google.maps.Marker<\/span>({\n&nbsp;&nbsp;&nbsp;&nbsp;position: location,\n&nbsp;&nbsp;&nbsp;&nbsp;map: map\n&nbsp;&nbsp;});\n&nbsp;&nbsp;var infowindow = new <span class=\"snip function\">google.maps.InfoWindow<\/span>({\n&nbsp;&nbsp;&nbsp;&nbsp;content: <span class=\"snip string\">'Latitude: '<\/span> + location.lat() + <span class=\"snip string\">'&lt;br&gt;Longitude: '<\/span> + location.lng()\n&nbsp;&nbsp;});\n&nbsp;&nbsp;<span class=\"snip function\">infowindow.open<\/span>(map,marker);\n}\n&lt;\/script&gt;\n\n&lt;script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=YourKey&amp;callback=myMap\"&gt;&lt;\/script&gt;\n<span class=\"snip string\">\/\/Get API key from Google.<\/span>\n<span class=\"snip string\">\/\/Read more at: https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key<\/span>\n<\/code><\/pre>\n<figure><img decoding=\"async\" src=\"https:\/\/expertwebtechnologies.com\/blogs\/wp-content\/uploads\/2020\/08\/map.png\"><\/figure><p><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Click on map and get Longitude -Latitude. How To Get Longitude &#8211; Latitude When Clicked On Map? &lt;div id=&#8221;MyMap&#8221; style=&#8221;width:100%;height:500px;&#8221;&gt;&lt;\/div&gt; &lt;script&gt; function myMap() { &nbsp;&nbsp;var mapCanvas = document.getElementById(&#8220;MyMap&#8221;); &nbsp;&nbsp;var myCenter=new google.maps.LatLng(51.508742,-0.120850); &nbsp;&nbsp;var mapOptions = {center: myCenter, zoom: 5}; &nbsp;&nbsp;var map = new google.maps.Map(mapCanvas, mapOptions); &nbsp;&nbsp;google.maps.event.addListener(map,&#8217;click&#8217;, function(event) { &nbsp;&nbsp;&nbsp;&nbsp;LocationMarker(map, event.latLng); &nbsp;&nbsp;}); } function LocationMarker(map, location) { [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,28,30],"tags":[],"class_list":["post-7216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-map","category-jquery","category-php"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Click on map and get Longitude -Latitude. - EoXys IT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Click on map and get Longitude -Latitude. - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"Click on map and get Longitude -Latitude. How To Get Longitude &#8211; Latitude When Clicked On Map? &lt;div id=&quot;MyMap&quot; style=&quot;width:100%;height:500px;&quot;&gt;&lt;\/div&gt; &lt;script&gt; function myMap() { &nbsp;&nbsp;var mapCanvas = document.getElementById(&quot;MyMap&quot;); &nbsp;&nbsp;var myCenter=new google.maps.LatLng(51.508742,-0.120850); &nbsp;&nbsp;var mapOptions = {center: myCenter, zoom: 5}; &nbsp;&nbsp;var map = new google.maps.Map(mapCanvas, mapOptions); &nbsp;&nbsp;google.maps.event.addListener(map,&#039;click&#039;, function(event) { &nbsp;&nbsp;&nbsp;&nbsp;LocationMarker(map, event.latLng); &nbsp;&nbsp;}); } function LocationMarker(map, location) { [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-09T08:51:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T13:36:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png\" \/>\n\t<meta property=\"og:image:width\" content=\"998\" \/>\n\t<meta property=\"og:image:height\" content=\"487\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a\"},\"headline\":\"Click on map and get Longitude -Latitude.\",\"datePublished\":\"2020-05-09T08:51:15+00:00\",\"dateModified\":\"2025-01-07T13:36:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\"},\"wordCount\":24,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png\",\"articleSection\":[\"Google Map\",\"Jquery\",\"PHP\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\",\"name\":\"Click on map and get Longitude -Latitude. - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png\",\"datePublished\":\"2020-05-09T08:51:15+00:00\",\"dateModified\":\"2025-01-07T13:36:58+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a\"},\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png\",\"width\":998,\"height\":487,\"caption\":\"Map\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Click on map and get Longitude -Latitude.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Click on map and get Longitude -Latitude. - EoXys IT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/","og_locale":"en_US","og_type":"article","og_title":"Click on map and get Longitude -Latitude. - EoXys IT","og_description":"Click on map and get Longitude -Latitude. How To Get Longitude &#8211; Latitude When Clicked On Map? &lt;div id=\"MyMap\" style=\"width:100%;height:500px;\"&gt;&lt;\/div&gt; &lt;script&gt; function myMap() { &nbsp;&nbsp;var mapCanvas = document.getElementById(\"MyMap\"); &nbsp;&nbsp;var myCenter=new google.maps.LatLng(51.508742,-0.120850); &nbsp;&nbsp;var mapOptions = {center: myCenter, zoom: 5}; &nbsp;&nbsp;var map = new google.maps.Map(mapCanvas, mapOptions); &nbsp;&nbsp;google.maps.event.addListener(map,'click', function(event) { &nbsp;&nbsp;&nbsp;&nbsp;LocationMarker(map, event.latLng); &nbsp;&nbsp;}); } function LocationMarker(map, location) { [&hellip;]","og_url":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/","og_site_name":"EoXys IT","article_published_time":"2020-05-09T08:51:15+00:00","article_modified_time":"2025-01-07T13:36:58+00:00","og_image":[{"width":998,"height":487,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a"},"headline":"Click on map and get Longitude -Latitude.","datePublished":"2020-05-09T08:51:15+00:00","dateModified":"2025-01-07T13:36:58+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/"},"wordCount":24,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png","articleSection":["Google Map","Jquery","PHP"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/","url":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/","name":"Click on map and get Longitude -Latitude. - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png","datePublished":"2020-05-09T08:51:15+00:00","dateModified":"2025-01-07T13:36:58+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a"},"breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/Capture-6.png","width":998,"height":487,"caption":"Map"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/click-on-map-and-get-longitude-latitude\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"Click on map and get Longitude -Latitude."}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/bb3a08e4beef8ffdfe8f10bca106c76a","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=7216"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/7216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8694"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=7216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=7216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=7216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}