Adding google maps to webpage - google-maps

I want to create one webpage with one textbox, one button and one div containing the google map. My use case is whenever I enter some address in textbox and click on the button the google map for that place should get rendered in that div. Can anybody please help?

You want to use the Google Maps API:
https://developers.google.com/maps/documentation/javascript/
and either the geocoding service:
https://developers.google.com/maps/documentation/javascript/geocoding
or autocomplete:
https://developers.google.com/maps/documentation/javascript/places#places_autocomplete
The samples linked there should give you plenty of code to draw on.

Related

AutocompleteService and Powered by Google

I want to know if I should put Powered by Google when I use AutocompleteService and not Autocomplete to built my dropdown address list when users search something!
I know if I have google map in the same page I can omit logo in the dropdown result.
I believe this is explained pretty much good in the Places API Policies document:
https://developers.google.com/places/web-service/policies
Logo Requirements
If your application displays Google Places API Web Service data on a page or view that does not also display a Google Map, you must show a "Powered by Google" logo with that data. For example, if your application displays a list of places on one tab, and a Google Map with those places on another tab, the first tab must show the "Powered by Google" logo.
So, for the AutocompleteService of Google Maps JavaScript API (that internally will call the web service endpoint) just follow this policy. If you have Google maps on the same page you can omit the logo, if you don't have the map on the same page you must add the logo.
I hope this helps!

How to Show Driving Directions on New Google Maps via URL Link

I have a simple Google Maps link on my site that opens a new page and loads the driving directions from our location to customer's address.
The link is something like
https://maps.google.ca/maps?saddr=[our address]&daddr=[customer address]&dirflg=d
Where [our address] is replaced with our address and [customer address] is replaced by the customer address. The Google Maps is loaded properly with the directions drawn out on the map but is there a way to expand the "List all steps" for the default selected direction on page load?
I'm guessing Google Maps will automatically load the "best" route when the page is loaded but currently the user has to manually click on the "List all steps" to view the step by step directions. I want it so that when the user clicks the link on my site then it'll automatically load the map directions along with the step by step directions already opened. Is there some kind of special URL parameter that I can pass to do this?
I've been looking for the same solution - If you are able to format the link in the following way this works:
https://www.google.com/maps/dir/[customer address]/[our address]/am=t/
It would be good to figure out how to submit it from a standard HTML form though.

Google Maps - disable search box

I am using google maps to diplay driving directions to a dynamic location that is pulled from a database. The call to google looks like this
http://maps.google.com/?q=dynamicaddress
I have been trying to find a way to disable the search box on the top of the page and also remove the top black bar that is there by default.
I want the user to stay in the maps page and not wander to google search and potentially land in an unsafe site.
Thanks!
SMJ

Logo not displaying on Multiple Google Maps

I have page that displays multiple Google Maps on one page. On the maps I have my logo in the top left. I have noticed it only displays on the first map. I have an idea why but I am not sure what I need to add for it to display on the other. It inherits all the other map controls so I not sure why it doesn't do this for the logo on both maps.
Here is a link to the page
EXAMPLE
Here is the link to the code for the map
CODE
Any suggestions?
-Thanks
Looks to me like you are only adding it to "map":
map.controls[google.maps.ControlPosition.TOP_LEFT].push(logoControlDiv);
if you want it on map1, you need to add it to there as well:
map1.controls[google.maps.ControlPosition.TOP_LEFT].push(logoControlDiv);
(you might need to make another copy for map1)

Take a picture from google streetview

Is it possible to embed streetview for an address. Then user will move around in streetview with zoom, pan etc and finally can we provide user a button which will capture the image and send to an application. Alternatively, if it is not possible to use the button and capture an image of what the user sees then, we can we take a streetview link from the user like this one and then can we get the image on php similar to what is shown in flash?
The whole idea is to be able to get what user sees on streetview as an image to the server.
Have a look at StreetView.py This python script parses all panorama information.
yes,you can use iecapt.exe which will capture a particular div area.
you can check on the following link
capturing webpage using iecapt