Embed a specific point on my own map on my website - maps

I have my own Google Map which has app. 200 points of interest (Campsites). I want to embed a map on my website for a specific point on my own map ie, and individual campsite. Can anyone help please? I have a Google Map API and can see how to embed the whole map, but not a lat/long of a specific location within my map.

Related

Get user map coordinates input (not Google Maps)

I'm developing an AngularJS web app. Does anyone know a free service that displays a map, making the user to click on it to pin a point, and allow my script to gather it's point location (latitude, longitude) and put the into a form?

Google Maps Free API for NGO project

I'm building a React app and I would like to use Maps. Google Maps and other Maps APIs have a charge and this project will be free for the community (just like an NGO) so no budget at all.
In this app there is a page to create an Event, so you can type many things and where the Event will happen, and that is where I would like to use Maps, to search and show the location.
I thought that if is there any possibility to use a search box connected to an API just to get the Longitude and Latitude based on the search would be great, but I have no idea how to make it and I was expecting that you could help me find a way. (the thing is: get the information for free)
Just as I create this event, I would like to show this information on the Event page, so where the event will happen. And that would be the second part that I would like to use Maps. Do you know if I just show the location in Maps if I would be charged? If so, then I can use redirection to Google Maps using the Latitude and Longitude that I got from the event creation.
Thanks in advance!
See https://www.google.com/nonprofits/offerings/google-earth-and-maps/ for non-profit organizations.

How can i automate Google map image on web page?

I am not able to automate google map screen which is present on my application web page.
I have web page where google map is present in square in half of screen. I want to click on the road present in map or a restaurant logo which is present on the google map.
When i tried to find the locators for the map then in the DOM it is present as an image and no other html properties or locators are associated with it.
Also i tried an option using moveToElement() function of action class but this solution is not reliable as most of the time it is not working.
Please suggest me any solution for this automation issue if someone faced this issue of Google maps automation before ?
Sounds like HTML5 issue over a google maps issue. This is tricky for Selenium, see these articles:
https://www.linkedin.com/pulse/html-canvas-testing-selenium-opencv-maciej-kusz/
https://chariotsolutions.com/blog/post/automated-testing-of-html5-canvas/
which recommend using action chains to move to and click certain x,y coordinates.
Also, check out the canvas javascript api; you may be able to use javascript_executor to manipulate the canvas.

Android map navigation

Hi I am new to programming so please bear with me.
Basically, I want to create a map for Android devices that load markers and navigate from point A to B while avoiding the markers. It is ok if the path is not the shortest.
I have tried loading markers from geojson file using both google map and mapbox with no problems. Now, what can I do to customize navigation within the app itself? Thanks in advance.
Unfortunately, it does not appear that this feature has direct support from the API. Please see these answers for alternate suggestions:
Google API (directions) - creating routes that avoid certain points
Blacklisting specific roads from Google Maps/Mapquest?

How to set map center to a certain city?

I have an angular google map in my Ionic application and for the first time it sets the map center to the users geolocation with cordova-plugin-geolocation but in case the user want to see what can the app offer in other cities I'd like to change the map center by letting the user to choose another city from a list.
What would be the proper way to do this if I don't know the coords of every city?
You can get the city coordinates from the Geocoding API, and pass those to your maps.
https://developers.google.com/maps/documentation/geocoding/intro

Resources