How Do I Embed A Private Google Map - javascript

I'm trying to set up a custom map for internal use within the company I work for but I'm having a little trouble doing so.
I don't want people to have to sign in with a Google account or anything and I want to embed this on to it's own page on our server.
I've set the map to private and of course, the map doesn't show up - is there any way that I can keep the map private but still embed it?
I'm guessing I'd need to do this with the Google Maps API but so far, I've struggled to find a tutorial or anything that provides the answer.
I'm using a simple iFrame so far like so:
<iframe src="MAP URL HERE" width="640" height="480"></iframe>

I would recommend using OpenLayers with an OpenStreetMap tile layer. This is open sourced api and it allows you to create custom maps where you can allow people to add markers, lines, polygons etc to the map with information about those features. I have provided a getting started link below.
http://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example
Considering you want the map to be private, then this depends on the website in general or the intranet settings so that only people on the server can view the map.

Related

Converting iFrame Business Maps to Javascript API maps for dark mode

I have always worked very effortlessly with Google Maps and their iFrame which displays the business on the webpage with their information, like this.
How is this possible with the javascript API? I have succesfully made a dark map with that, but I want to display the business also. Do I have to use another API for that?
I dont believe this is possible using only the google maps api. You could use the Google Places api https://developers.google.com/maps/documentation/javascript/places#place_details.
Then you would need to create your own display for the information. I dont think there is any way to get this kind of functionality right out of the gate.

i would like to add to an embedded google map a share button

i'm trying to share a google map direction with markers, i was looking to see if it was possible using google+ but couldn't find any reference.
[i'm not trying to share my location!]
my need is simple, share a map with directions and markers to different users.
my web application is asp .net using google maps API over javascript.

Use the standard google maps interface on embedded maps / google maps API

This surely sounds like a silly question in my head, but I want to put it out there nonetheless just to make sure I haven't missed anything.
I've got a page on my website that has a google map (currently 'embedded' through the google maps api v3).
While I'm perfectly capable of interacting with that map through a custom form (and the google map api):
an input box to set starting point
an input box to set endpoint
a dropdown list for transportation modes
I was wondering if it was possible (in comes the silliness) to use google's own interface for this (cause users are used to this).
Abstracting my question: Is there a way to "bring in" Google Maps' own UI on an embedded map and do some calculations on my own page, based on the routes (/modes of transportations, etc) that are being selected in that UI.
My guess: no. The google maps UI is something that can only show up on maps embedded with an iFrame (so only on maps.google.com) and no interaction with it is possible, at least not in a kosher way.
There is the direction API which you can use to obtain responses (JSON or XML) regarding useful information such as distance, start coordinate, travel mode, etc. You can interact with the response to obtain what is needed for your web page.
I have posted a link for the direction API. Hope this can help.
Direction API

Get iPhone location data into a Google Maps

I am looking to develop a feature for a browser app I am developing. I was hoping to get any advice on this topic:
A user walks around with their iphone.
During this time location data is recorded of their walk
This data can then be exported to Google Maps and I can see the route overlaid on a Google Map in my browser.
Is this possible? Where would I start and how would the data be recorded?
Yes, this is possible (assuming you want to use Javascript as it is tagged to your question).
Getting the location data on an iPhone is possible, see this question. You can use the Google Maps API to display a map and draw the recorded path on it. I would rather display the walked route direct in your app rather than exporting/importing coordinates of the recorded route.
Before implementing the App, I would take a look on both Google Maps API and OpenStreemMap API to find out which you like more and fits your needs best. Playing with some examples before implementing your app might be a good point to start with.

Is it possible to import locations from user-created maps to the google map API?

I'm building a simple appliacation using the Google Maps API and I'm trying to import locations from user-generated maps. You know the ones on maps.google.com where you can add locations and share it with others. I want to display these locations on an external page using the Google Maps API. Is this possible?
As there was no obvious way of sharing map data from the map page itself, I thought maybe I could pull the location data out of the RSS feed. But no luck. It seems this only has the name of the locations and no lat/long data :(
You should definitely be able to get the coordinate data from the MyMaps RSS feed. I haven't been able to confirm this because it looks like the feed stuff on MyMaps is currently broken:
http://www.google.com/support/forum/p/maps/thread?tid=2fd831d021abeb46&hl=en
I tried a test MyMap feed and found the same problem:
http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&output=georss&msid=109115301202341389527.00046920ee89136f6e1ab

Categories

Resources