How to display locations on Google maps

This article mainly explains "how to display the location on the Google map". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to display the location on the Google map".

The following example shows your current location on a HTML5 map based on latitude and longitude data retrieved through the Google geolocation feature.

Try this code for example »

Using the Google Maps

Function showPosition () {

Navigator.geolocation.getCurrentPosition (showMap)

}

Function showMap (position) {

/ / Get location data

Var latlong = position.coords.latitude + "," + position.coords.longitude

/ / Set Google map source url

Var mapLink = "https://maps.googleapis.com/maps/api/staticmap?center="+latlong+"&zoom=16&size=400x300&output=embed";

/ / Create and insert Google map

Document.getElementById ("embedMap") [xss_clean] = "

"

}