So I have this website, using Javascript as the frontend and PHP as the backend. PHP calls an R file that creates an interactive map (openairmaps), and I need to show that map in the website.
So far, I was able to output a non interactive map (just an image) using bitmap, but I need the map to be interactive because there is a lot of info in said map, so the user will need to zoom in to the desired location.
Related
I'm working currently in a project where we need to create a new feature that allow to the user zoom in a Google Earth map embedded in a web app, and create a grid layout over the map, so the user should be able to "mark" some elements of the maps, for example, some specific buildings etc. But we need to create kind of square around the element, so it is not a single point, but at least 3 or 4 as needed to round the element.
We need to save those elements map with its coordinates and assign an ID to every element of the created grid.
Is it that possible? Is there a JS library that I could use?
Google Earth does not currently make an API or embedding available. If you don't need the full 3D view, then you can do this with the Google Maps API. There is a "drawing" library available that you can use to draw objects on the map. More info here:
https://developers.google.com/maps/documentation/javascript/drawinglayer
I'm attempting to create a map of a building using the google maps javascript API. I have the actual map itself set up, but I want users to be able to view inside the building using a custom made floor plan that I would overlay on top of the building. The idea is that users can look at the map and get an easy to use view of the inside of the building. How would this be done?
I have an embedded Google map (the kind you get an embedded iframe for using the Google maps site) with multiple markers on it. This is good so far as it goes but I need another function.
What I want to do is allow a person visiting the page to change to centre point by entering their postal code. I'd like them to also be able to change the zoom factor.
While there is massive amounts of documentation on using Google maps and on using the Google maps API, what I'm missing is a way to use the existing embedded Google map rather than creating a new blank map and populating it with markers.
The difference is important because it's quite easy to use the Google maps site to upload a .csv file with names and addresses that the Google map sorts out and displays. Doing the same thing with a blank map and javascript each time the page is loaded runs you up against the API transaction limits.
How can I tell the Google map API to connect to an embedded map instead of creating an empty one?
Here's a gist of what we are trying to do.
We have some co-ordinate information (latitude and longitudes), and a bunch of annotations for these co-ordinates on the server. We want to embed a Google Map (or Google Earth) inside our web page, which shows these co-ordinates as balloons (or some icon) and annotate them with relevant information.
We have seen videos where this is done manually (copying the embed URL into our HTML page, or open a kml/kmz file in Google Earth etc), but we cannot have any manual step in between, as this is used by end users (clients) who cannot do this. We need to do this programmatically.
We want to what is the best way to go about doing this? Also, in the future we want to update the map dynamically with live data.
Thanks in advance.
https://developers.google.com/maps/documentation/javascript/examples/
this is the tutorial for the google map..
I am creating a website with Google App Engine using Python for the back end and I am trying to give the website some google maps functionality.
I would like to have it so that users can submit a marker onto the map and then that marker's GPS coords will be stored in a database along with some other text info and I am able to do all of this but I am not sure how to put all of these markers with their respective infowindows back out onto a map. I would imagine I could do some sort of for loop but I can't find what the javascript should be to place them all. And it is going to be over 1000 markers and more being added every couple days so just putting them on a map one by one isn't really an option.
See the articles section of the documentation, there are a number of articles about using PHP/mySQL, the concepts of which should be applicable to your system.
This one probably covers what you need:
Using PHP/MySQL with Google Maps
Shows how to use PHP/MySQL and the Google Maps API v3 to create a map that polls data from a database and shows as markers.