Google Maps Free API for NGO project - reactjs

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.

Related

How can I disable public access to the embed code of a map from Google My Maps?

I am in the process of creating and publishing a map in Google My Maps, to show locations of various groups of businesses. The published map includes an option under the Share link to grab the embed code so as to publish the map elsewhere. I view the content of my map as having a value, and don't want others to be able to publish it. Can I disable the Embed option in the Share menu? Searching Google help has not helped.
I dont believe you can prevent users from downloading or sharing your google my maps. If you need to embed it, you will need to share it first. Once you share it, its accessible by anyone. Once its accessible, there is no way to prevent people from downloading, embedding or further sharing your data.
You can restrict whom you share it with but i guess you already know that and it is not what you want.
I am myself extremely interested in knowing if there is a solution/workaround to this

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.

React Native Location Services “nearby” Implementation

I’m building a React-Native social media app with a feature that allows you to find other users who are nearby. I know React Native has location services capabilities, but I’m not sure how I would implement this type of background location tracking. Anyone know?
I hope you have built something like this by now, but still, I will try to help you out here.
Get user's current location and store it in ES/MongoDB. You will do this for all other users as well. So, now you have a data source containing all users' current locations.
Now do a query to ES/MongoDB to get users with their current locations in X miles radius of your current user's location.
Voila you have this feature ready.
PS: To get user's current location you can use the react-native-location package.
You can solve the problem through the library officially supported by React-native.
react-native-background-geolocation
Links you can refer to for troubleshooting

Silverlight simple map tool with zoom and pushpins

I'm very new to Silverlight so bear with me. I need to implement a web page with a zoom-able map of Europe. I need the map to contain pushpins or such like which are generated from a database of lon/lat locations.
If the user hovers over a pin then some data should appear about the location and then if the user clicks on a location and be given detailed information (images, text and other live data) next to the map. Originally I was looking at google maps or bing but as this is to be used commercially and is not going to be public, I am unable to use them for licencing reasons.
I've looked into using deepzoom, which seems perfect but I cannot find any decent ways of adding the pushpins.
So essentially can anyone suggest a tool to allow me to make a zoomable map (I can supply a map image) which can have pushpins generated which can be selected by the user through highlight or click
Many thanks,
Cap
Use Bing Maps Silverlight Control.
Here is preview from Microsoft.
You need Developers Account for using it. Account is free. You can get it here.
Bing Maps control is simple to use, supports pushpins and deep zoom.

How to map geo location based on one or all of these services

I'm looking for a solution to map one or all of the following Flickr, twitter, vimeo, by exif, keywords or whatever to google maps. I'm trying to show a map of my location from updating social sites.
If each of the services you want supports GeoRSS, then you can actually build such a map with zero coding whatsoever! This is because Google Maps supports mapping a GeoRSS feed directly. All you have to do is type the URL of the RSS feed with the GeoRSS data within, into the box on Google maps. Here's an example of the feed from my What's The Harm? website mapped in Google Maps.
Now you mention several services there, each of which whould presumably have its own GeoRSS feed. What you would need to do is merge the feeds together before handing the resulting feed to Google Maps. There are a variety of ways to do this, one quick point-and-click way is via Yahoo Pipes. Search for "merge feed" or "merge RSS" on there and you can find many examples that you can copy and modify.
Yahoo Pipes also has functionality to add GeoRSS coding to feeds that don't have it already. You could use that to bring in data like blog posts and son on that might not be GeoRSS. Look under "Operators" for the "Location Extractor" widget.
As for the websites you mentioned:
Flickr: Yes. Make sure you map your photos, and use the feed marked "geoFeed".
twitter: There's a service called GeoTwitter that can add this for you.
vimeo: It doesn't appear they support it out of the box.
There's a nice greasemonkey script to ease geotagging on Flickr.

Resources