In my app I have displayed some custom overlay on google map using MKOverlay with the help of TileMap sample code. My requirement is, I need to mask the entire google map underneath the overlay.That is, I want rest of the map area to appear to be in gray except my custom overlay.
Could anyone give me direction on how to achieve this?
Thanks in advance,
I don't know all the calls that you'd need to cover but I know how to find out. In the TileMap example code provided by Apple they show how the MKMapView will call for tiles. All you'd need to do is swap out the code that finds files on disk and swap in some code that always returns a grey square every time.
However this won't remove the Google logo or stop the app from downloading the map tiles from Google in the background. If you find out how to stop that please let me know.
Related
I am creating a search page based on continents. And I need to let the user click(choose) a continent and based on this choice. I do backend logic.
What I tried is to set a world map as a background of a div. And on this map I put the linkbuttons that represent the continent (as attached).
The problem is when I resize the screen the linkbuttons go into wrong positions. So please help me to find a way to PIN the buttons (continent names) to the map when resize or open the page on different screens.
Thank you.
Here is a link to a youtube video that shows you how to use google maps API. This may make what you are doing a little easier. I recently used this to create a mobile tour app.
Google Maps API
Thanks for trying to help. I just solved the problem and likeed to share the solution.
I have solved this using map on the image. So I made the continents clickable on the image without putting any controls on the image.
I'm not sure what's wrong, but after setting up the map, all I get is a light blue screen. Changing schemes seems to not affect it either. Neither does changing the geoCenter (currently testing with: 37.73088189776775 -122.14045649405767) which is in the SF bay area.
Also, when I check usage on the project via my account, it is 0 despite me testing all day.
My delegate is called when I try to scroll the map, so I know that part is hooked up and I'm actually rendering the map. It's just a light blue screen...like I'm stuck in the ocean...
Any ideas? Any low hanging fruit I can check? Thanks.
Update: I'm using the iOS Starter SDK. Please let me know what additional information would help. Thanks.
I was able to get it working by not embedding the map inside another view. By bringing it to the top level, and then subclassing it I was able to get it to work. Thanks.
I'm using the Google Maps API to browse my own maps. The problem is, I only have one rather small resolution file, that I wanna display fully at level 0, which means it's not gonna get any more accurate when zooming. I still wanna be able to zoom though, by just enlarging the image. This would be useful for the markers and polygons I intend to draw on it, as they could be viewed in larger detail.
I could just create dummy tiles, that show no higher resolution than the original, but that seems like a roundabout solution that would do nothing but create more unnecessary server requests for the map files, as well as more traffic.
The problem seems to be the getTileUrl() function, as it is required. I can't think of a clever way to abuse it either, to only show different sections of the same map.
I know it already supports image enlarging, as you can observe the effect when you zoom in. The question is, if you could make that effect permanent somehow, and not make the image disappear if no new image is provided.
Suggestion:
Use the ImageMapType only to hide tiles at all(therefore let getTileUrl() simply return null)
For your own map don't use tiles, create a GroundOverlay instead.
I need to customize a Google Maps InfoWindow.
In particular I want an image to "hang over the edge" of the InfoWindow. But when I place the image absolute within the InfoWindow-DIV it disappears behind the border of my InfoWindow.
Adding a z-index changes nothing.
Hope I made my point clear. Any ideas?
There are many custom window solution , see this one for example:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html
If you want something outside of the infoMarker border, you'd better use a custom solution.
The built in one is good for the simple stuff.
I am working on a map for which I have multiple tiles sources that I want to be able to activate and deactivate using a menu on the side. Each tile set works independently when overlayed as an image map type, however I apparently can't show more than one of these at a time.
In any case, is it possible to display tiles from multiple tile url's? If not, then should I make some super overlay of tiles from all of my sources, and try to control which get loaded?
You can load and show as much tiles as you want to.
I can't tell you what went wrong in your approach without any code,
so I made an example: http://jsfiddle.net/doktormolle/NNJRn/
(Code for Overlay-Creation taken from the google-demo)