I have a div that slides down on click to reveal an iframe Google map. However, I would like the left locations side menu to automatically be visible when the map is loaded. I have tried a few things but no luck whatsoever.
Here is a screenshot to the map of mine. I have purposely hidden the locations for client privacy.
Is there a parameter that I can pass in the URL to make this happen or maybe a piece of jQuery that will make the menu pop out on map load?
Related
The URL for previous implementations of photosphere panoramas contained the pano ID, making it easy to embed a specific panorama in an iframe. I can't seem to track down ID in the new Google Maps. Is there any method of identifying the ID for a photosphere without resorting to Javascript?
I can find the ID two times. Here is an example:
www.google.de/maps/place/Magdeburg/#52.1285424,11.6312738,3a,75y,98h,90t/data=!3m8!1e1!3m6!1s_k_6ZCbrOuYAAAQo8TPM1w!2e0!3e2!6s%2F%2Fgeo3.ggpht.com%2Fcbk%3Fpanoid%3D_k_6ZCbrOuYAAAQo8TPM1w%26output%3Dthumbnail%26cb_client%3Dmaps_sv.tactile.gps%26thumb%3D2%26w%3D203%26h%3D100%26yaw%3D98.389519%26pitch%3D0!7i13312!8i6656!4m2!3m1!1s0x47a5f5ff55daea5b:0x4236659f8071060!6m1!1e1
I got the URL by clicking hte yellow guy (at hte bottom right) once and click one of the orange panorama spots
You can take help of chrome or other browser DOM inspect tools.
Open your photosphere link/url in chrome.
You will see gallery of thumbnails at bottom, your panorama will be one of them with the 360 icon
Right click on that thumbnail and click "inspect", and the dom inspector will open
Keep expanding the DOM tree untill you reach this DIV with class="widget-runway-card-background-flicker-hack-wrapper"
You will see an image element inside, copy its image url. This is same as the photosphere thumbnail you are viewing in the gallery
The url will be one of the following format (these are dummy)
Case A:
https://lh4.googleusercontent.com/-HXKCf8vxJ-s/Ve_c7LX8HyI/XXXXXAAxtg/J4tLscU2d6g/w203-h101-n-k-no/
Case B:
https://geo0.ggpht.com/cbk?cb_client=maps_sv.tactile&authuser=0&hl=nl&output=thumbnail&thumb=2&w=200&h=150&pitch=0&ll=55.2399803333%2C1.851848888888867&panoid=FEpIAbSgOzoAAAQJOQCL3w&yaw=123
For Case A: Add "F:" to the bold string and you will have the final panoID, i.e
F:-HXKCf8vxJ-s/Ve_c7LX8HyI/XXXXXAAxtg/J4tLscU2d6g
For Case B it is very obvious, FEpIAbSgOzoAAAQJOQCL3w.
Run the following from the console of developer tools while viewing the pano on Google Maps
"F:".concat(window.location.href.split("!1s")[1].split("!2e")[0]).replace('%2F','/')
I downloaded this template from themeforest: http://themeforest.net/item/-medic-medical-health-and-hospital-html5-theme/full_screen_preview/8331329
Move your mouse over navigation item "Contact" and you will see a google map. Remember position of the map. Then close contact item and move your mouse over position, where map was placed. Contact window should appear again, without opening it by clicking on Contact item. I am unsuccessfuly trying to repair this bug. Is there a way how to do it?
You can hide the maps when the menu is hidden and show it before it is showed, that will solve the bug. Do $('.map').hide() when the menu is hidden and $('.map').show() before the menu is showed
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
I have spent hours searching for the answer, forgive me if it was right in front of me.
I want to send an email with a google map link
http://maps.google.com/maps?q=address
(I got this from an answer in stackoverflow.)
In his iphone, the reader taps the link in the email, the map opens,
The reader taps Directions, then Route,
And the route, time and distance appear in the map from the reader’s current location to the map address above.
Now – I want to include an icon visible on a corner of the map view that reads “I’ll be there.” When the reader taps that icon in the map, the end result is the reader responds in the email to the sender “I’ll be there.”
How hard is this to program?
The intermediary physical steps are - Tap main iphone button to main screen. Tap email. Tap respond arrow. Tap Reply. Type “I’ll be there.” Tap Send.
You will want to look at embedding a map into your own web page using the Google Maps v3 API. The link in your question is a web page rendered by Google. You will want to control the rendering to add your button. I don't know of any other way.
Bob
[Update] Here is a jsFiddle using the API to render a map. http://jsfiddle.net/JsAJA/3/
I've embedded Google Maps via an iframe in my website. I can't use the API at this point which is why I'm using the iframe.
Is there a way to scroll the iframe so that the upper part of the Google Maps page (search bar, etc.) are no longer visible to the user?
If the page was hosted in the same domain, you could use the scrollTop and scrollLeft dhtml properties on the iframe.document.body. However this is unlikely if you are hosting google maps from a remote server. You will be unable to modify the child frame contents via script.
Even if you could, this would always be a fragile solution. If the structure of the Google Maps changed at all, you would have to update your scrollTop/Left mechansim. Users will still be able to click in the frame and drag up to get the frame to scroll up, or even use the arrow keys.
Trying to fix the scroll position, then blocking the user from scrolling will likely be more trouble than it is worth.
ScrollTop Doc:
http://msdn.microsoft.com/en-us/library/ms534618(v=VS.85).aspx
You should probably try to eliminate whatever hurdles exist to using the API.