Google Maps allows you to display maps on your website, we can also customize maps, and the information on maps.
The Google Maps API is a JavaScript library. It can be added to a web page with the following script tags:
We are creating a div to holds the google map. Here we are also giving an option to search the place on a google map.
then add a DOM listener that will execute the getGoogleMap() function on window load (when the page is initially loaded):
google.maps.event.addDomListener(window, "load", getGoogleMap)
In the above example, we are already loading 3 markers in Bangalore, Chennai, Hyderabad.
Then again if a user marks any location, it will display the marker with longitude, latitude of the place(if u want to store) by deleting user previously selecting markers.
We can also set the position description dynamically using the info window
Micropyramid is a software development and cloud consulting partner for enterprise businesses across the world. We work on python, Django, Salesforce, Angular, Reactjs, React Native, MySQL, PostgreSQL, Docker, Linux, Ansible, git, amazon web services. We are Amazon and salesforce consulting partner with 5 years of cloud architect experience. We develop e-commerce, retail, banking, machine learning, CMS, CRM web and mobile applications.
Django-CRM :Customer relationship management based on Django
Django-blog-it : django blog with complete customization and ready to use with one click installer Edit
Django-webpacker : A django compressor tool
Django-MFA : Multi Factor Authentication
Docker-box : Web Interface to manage full blown docker containers and images
More...