Google Driving directions gadget not auto expanding - javascript

I am trying to embed the Google Driving directions gadget into an xhtml website. However when the location is set the gadget does not auto expand and holds the size defined in the original specification. The information is all pulled in, scrolling down with the arrow keys will reveal it, but no scroll bar is provided. I got the js code from Here. If anyone knows how I could force a scroll bar, or knows why it wouldn't auto expand, I would really appreciate an answer.
Thanks

I was struggling with this last night and finally understand the problem. You've probably figured it out and moved on, but in case others are having the same issue...
As far as I can tell, the Google Directions Gadget doesn't auto-expand unless you're running it server-side. I just ran it with my local XAMPP server, and it works!
I hope this is helpful to others.
Dan

Related

What is this Mini navigation?

I am looking way of developing this "mini web page navigation" (at bottom right corner of the image). Quite frankly, I have no idea of how to search for this kind of feature. I am almost sure I could build it from scratch, but I would like to have some inspirations.
Can someone tell me how to search about this feature?
It's probably https://larsjung.de/pagemap/ and it's usually called minimap
You should try to read the source code of the website before asking the question.

Google / Bing Maps Show All Cities

Trying to find a way without zooming in real close to tell Google or Bing maps to show all cities. Bing does a good job for the most part but still when you zoom in it shows a whole different set of cities.
I have a large monitor this map is going to be sitting on and really need it to show more than just the cities it shows on for example zoom level 8 or 9 on Google. Right now I load in roughly 2900 different locations and mark them on the map so I am trying to do it via the API no just going to maps.google.com
Has anyone come up against this issue and found a fix? Did some searching here as well on Google and maybe looking it up wrong but haven't found anyone looking for something like this.
Hi you can do that by using the Image Map Type API by implementing the mapType interface. Please refer to this link and implement the code in the way given in the example, replacing details with your specifications.
Hope this will help!!
I couldnt find either enough information to get "mapType" to work how I was wanting or it just doesnt do it. The goal was to be at lets say a zoom level of 8 and see every city in the US. I couldnt get any of the suggestions to do that.
Here is what I found that allowed me to do it my self though:
http://google-maps-utility-library-v3.googlecode.com/
Basically I put in a transparent marker so it didnt show up then put info boxes with the names. This actually worked really well for me because I can zoom out 100% and still see all the names. Although at that level they would be overlapping being able to zoom in and out a few ticks and still see everything is great.

OpenLayers3 control panel

Does anybody know what's the OpenLayers3 version of OpenLayers.Control.Panel? Couldn't find anything to group the contols (zoom in, zoom out, full screen, etc.) in a "navigation bar".
Many thanks
There is no OpenLayers.Control.Panel. It's the application code to manage this part.
You have to make your own controls using HTML, JavaScript and CSS.
See this official example to understand how to do it http://openlayers.org/en/v3.0.0/examples/custom-controls.html

Prevent re sizing on mobile device postback

Ran into a bit of an issue with a site I'm currently working on. It isn't breaking anything but I would like to create a better experience for my users. What I'm attempting to do is pertain the zoom levels of the mobile device on postback. To give better context, I have a calculator that needs to do a postback and every time it reloads the page, current zoom levels get reset to default. Sadly, the original site was built for desktops but many of our sales reps are using phones/tablets to access it. One plus to this however, is that all of them are supplied with android tablets. No need for apple support so if a solution would not work for an apple device it isn't a big deal.
I know that you can prevent page zooming using meta tags, but is there a way to make the zoom levels persist over postback? If there are any ways to handle this using javascript, html, or asp.net any help would be greatly appreciated.
Edit: Found a post here talking about detecting zoom levels. May be able to use this in a viewstate variable to reset zoom on postback. Will update if solution is found.
Thanks guys
Alright,
After a decent amount of searching, the only solution I have found seem to be a CSS zoom which I really would like to avoid. It doesn't look like you can actually modify zoom values at the browser level, which I can understand.
Link to one answer I found here.
I'm probably going to opt for using an IFrame or using mason's advice until I can get the entire site swapped over for mobile devices.
Thanks for the help guys!

jQuery Pan & Zoom or Magnify script with ability of hotspot or image map link?

Im creating a super simple 'app' for facebook were users will have to locate a character from within a detailed illustration (wheres waldo style).
I want people to be able to Zoom and Pan (like google maps) but also have the ability to click on the character once they find it and have a popup or redirect to the next page.
Does anyone know of a script that can do this? I have found a few zoom tools but you cant click or create hotspots, same goes with the zoom + pan tools. I found this one which is quite nice: http://www.dimin.net/software/panojs/#Demos
Hoping someone knows of something that will work for me.
Thanks in advance,
Matt
Ended up just using a good old html map with a redirect. Thanks all!

Categories