Wikitude with Indoor location (IndoorAtlas) - javascript

I set up a Wikitude project, but I replaced the basic Android GPS with IndoorAtlas. It works quite well, the POIs are appearing and the phone is able to detect its location within 5-7m accuracy.
My problem, that the Wikitude POIs are appearing in a different direction. They should be behind me (south east) but they appearing in north-NorthEast.
I followed this tutorial:
http://www.wikitude.com/external/doc/documentation/latest/android/browsingpois.html#browsing-pois
No radar and POI background appear, just the text.
Do any of you have any experience with Wikitude POIs with wrong appearing ?
Thanks,
Karoly

Notice that "POIs appearing in wrong direction" issue is either a compass or a location-provider issue.
I recommend you to display location reported by IndoorAtlas (incl. accuracy) in a debug window/div and test on several devices.
Hope that helps

Related

Workaround for the grey area around the map on zoom out

I am using Google Maps Javascript API for rendering a map. When we zoom out on the map there is a brief moment that we see a grey area (while waiting for new tiles). Is there any workaround for this behavior in order to provide a similar user experience as mobile devices (Google Maps SDK Android and Iphone), where we always see a map on zoom out and not that brief grey area around the map?
The grey area around the map exists because it takes time to access the image tiles over the Internet connection from the server. My presumptiosn as to the reason why the mobile version does not do this are either that they have a special function that accesses the cache instead of re-querying the image on mobile, or that mobile simply has a built-in cache of, say, the entire world at zoom levels 0-3.
In other words, I do not know of a way to avoid the grey space. To get a work-around would require re-writing a good portion of Google's code, specifically to access the browser's cache. Even if you did succeed, a first-time user of the webpage would still get the grey space simply because a cache does not already exist.
My advice is to ignore it, as it is "brief" (and likely will not have much of any impact on the user experience), and that there are no easy fixes.

Showing Floor Button Controls with Google Maps Javascript API v3

So here's my issue: I'm writing a web-app using the Google Maps web API v3. When zooming to a building that shows a floor-plan, the floor controls do not show up, as they do on Android. When opening Google maps for Android, and zooming to the same building, I get a control on the bottom right-hand side of the screen that shows the floors (B1, 1, and 2), and selecting them shows that floor. Not so using the web-API. At first I thought it might be as simple as specifying which controls were visible/adding a control, but I'm not coming up with anything.
Does anyone else know how to get these buttons to show up?
Note: Even on Google's website (maps.google.com), in classic mode, these buttons do not show up when zoomed in on a Building with a floor plan, so maybe this is a lost cause...
I was requested to answer this question so that it's not sitting in the unanswered queue.
At the time this question was asked, Google Maps for web didn't support the floor buttons (to the best of my knowledge), so we moved to using the native SDK's on Android and iOS instead.

HTML/Javascript option for viewing huge images (maps), with overlays

Can anyone suggest a good javascript library for displaying and navigating huge images in HTML?
I need a way for my users to navigate some custom maps[1], with zooming and dragging similar to Google Maps. I need the solution that works offline as I'm embedding it in an iPad html (phonegap) application[2].
I actually already have this working (mostly) with PanoJS. But it lacks a way to float widgets above items in the map, e.g. Float a button over an area of the map that can be clicked to navigate to somewhere else.
I am able to split up my large images into tiles. I'm just looking for a slightly more advanced viewer than PanoJS, without having to build it myself :)
Anyone got any ideas? Some have suggested OpenLayers. War stories?
Thankyou,
dan
[1] The maps are stylized and don't map to real world coordinates.
[2] All the images and tiles are supplied with the application and are loaded locally.
In the end I went with leaflet.js. This was able to give me the map, layers, markers and the other bits and pieces I needed. (http://leaflet.cloudmade.com/)
I spent quite a bit of time with ModestMaps.js along the way. That's a great library, but quite low level. Leaflet ended up being the best mix.
Thanks everyone for their help.

How does htmlcompass work?

I have a Wifi iPad and this compass actually knows the direction of north. Now I know it's quite possible to use the gyroscope data to fairly accurately track device rotations once north has already been established, but how on earth does it know the actual direction?
Now I'm pretty sure the ipad does not have a magnetometer... or does it? It's got a bunch of magnets all along its sides!
My reasoning is that if it didn't come with the Compass app, the device doesn't have a magnetometer.
Update: Okay I'm able to affect the result by moving a magnet around a stationary iPad. So it does have the magnetometer after all.
iPad and iPhone (3GS and later) have a digital compass (magnetometer) chip onboard, such as the AK8975 3-axis Magnetic field sensor.
By the way, it can be calibrated, see here: http://support.apple.com/kb/TS2767
In addition iPad also has gyroscope and accelerometer chips.
If you want to peek inside the iPad, check out the ifixit site and the teardown at chipworx.
Turns out iPad Wifi has a magnetometer.

Google Driving directions gadget not auto expanding

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

Categories