I have a question about Google Maps.
I integrated Google Maps in a one-page website.
The website contains a jQuery accordion etc.
On a desktop the Google Maps is working fine, but when I look on a mobile device like an iPad, the map looks shifted. The maps is devided in two or three strokes, which are moved relative to each other.
I already tried a resize event, such as:
google.maps.event.trigger(map, 'resize');
But this didn't work.
I don't have any idea what else I can try.
You can use the mediaquery system to put the map in the desired position if the width is lesser than x (I go for 599 / 600 pixels in my queries)
Related
I am building an iOS map with local search functionality similar to Yelp.
The user will see a local map generated from Google Maps SDK from iOS, and local points of interest returned by the search, will be displayed on the map as custom markers. Simultaneously, the user can also see these same local search results in a list form on another screen.
My issue is as follows: to optimize loading time, I would like the app to load only the search results within the area displayed by the map, given the coordinates of the center of the map, and the zoom level. This would be more efficient than loading, say, all search results within a 30 km radius, most of which may not be visible on the map. Is there a simple way to know exactly what are the coordinates of the area displayed by the map on the user's phone (bottom left corner, top right corner)?
I have seen other posts online, explaining how the coordinates of the area can be calculated using zoom level, latitude, and screen resolution. However I am wondering if there is a simpler way commonly used by other apps that display local points of interest.
Thank you!
I'm developing a BlackBerry 10 mobile application using the Momentics IDE (native SDK).
I want to display a map using the mapview qml element which seems that it belongs to the blackberry team (it's not a google map). [ Blackberry 10 mapview ]
All I want is to configure the zoom level like google do, but it looks like the blackberry map doesn't have any attribute which can guarantee that except the "altitude" element which can assign some sort of zoom .
Any one can help on this ?
The altitude property is indeed the one you use for zooming. The paradigm is "how much area is viewable from a given altitude?"
To zoom in and zoom out from the map uses the altitude property.
To create zoom in/out animation you can use a simple javascript function that manages the animation. (For example implementing Elastic or Circular animation. See the Blackberry Stock Curves documentation for more details).
Instead, if you want determinate the viewable area from a given altitude you should work with the map scale
http://www.geog.ucsb.edu/~jeff/115a/lectures/scale_and_area_measurement.html
regards
I'm trying to make an offline map using iOS MapBox SDK. It's easy to make square map (eg. 32x32 tiles) but for some reason it doesn't work when I try to make rectangle map (eg. 40x32 tiles). It loads but it shows only a small portion of the map or skips some tiles. It just doesn't look as it should.
My .mbtiles looks correct, I checked .mbtiles and specification and it doesn't mention that there might be any problem with non-square maps.
Although, .mbtiles that comes with MapBox offline example called control-room-0.2.0.mbtiles is also square so maybe it's not possible for some reason.
Does anyone have experience with something similar?
A non-square region should work just fine -- there is no limit on this. One way to test your .mbtiles is to upload it to your MapBox account and see if it works on a web map. It sounds like your MBTiles file might have issues.
Anyone figured out yet any way to control the z-order for GMSMarker markers in the Google Maps for iOS SDK? My maps look great, but I have a bad feeling that this functionality isn't supported yet...
I dug through the header files a little, hoping for some undocumented goodies... and poked through the debugger a little. Nada.
Also: I'm using marker.groundAnchor (a CGPoint property of MKMarker) to handle the fact that my custom marker images have offset ground anchors. This works great, but with the side effect that their location appears to be offset! In other words: if you place an image with a non-centered ground anchor, and don't set groundAnchor, the marker will appear to move as the map is zoomed. This is expected. However, if you do set the groundAnchor property the image will appear properly locked in place on the ground... but is now offset substantially from where it is supposed to be! I think this is a bug.
The Z-index feature is part of the google maps sdk for ios Version 1.4.0 - July 2013
Features list mentions:
Added a zIndex property on all overlays. Z-Indexes are calculated in two groups: GMSMarkers and all other overlays.
Does anyone know if it is possible to make polygons around markers (specifically a radius) using the jQuery Mobile platform and Google maps v3?
I'd like it to somewhat work like this:
https://developers.google.com/maps/articles/mvcfun
https://google-developers.appspot.com/maps/articles/mvcfun/step3
But formatted for jQuery mobile. Thank you!
Yes, if you just want a circle in pixel space, use a Symbol as the icon in MarkerOptions.
If you want it in real metres, then use a Circle overlay.
I'm not sure what you mean by "formatted for jQuery mobile" - the Google Maps API works fine on desktop and mobile - the same code should just work.