Google maps custom map tile/overlay and controls - google-maps

How did Apple make the custom map tile/overlay and controls for iCloud's Find My iPhone Web App.
It has a really nice grid on top of the map and the zoom controls etc are all custom.
Maybe I missed it in the docs but couldn't seem to find it.

For anybody's reference if they stumble across this question.
The answer is in the docs here - http://code.google.com/apis/maps/documentation/javascript/v2/overlays.html#CustomMapTiles

The answer is above for the deprecated JavaScript API v2, which will stop working on November 19th 2013. This is the equivalent for v3:
https://developers.google.com/maps/documentation/javascript/controls#CustomControls

Related

New Google Maps embedding option

Since the latest Google Maps update in 2013, is there a way or a resource that can be used for simple embedding Google Maps?
I have tried using the old maps system but it does not produce desired results.
Also, I have tried using Google Maps Engine, no luck there as well, because you are only served with a link to share, not embed code.
After extensive research on the topic I found no simple way of embedding new Google Maps. Problem will possibly go away once Google decides to update Google Maps. However, I have not seen Google Maps development roadmap and so I can't really vouch for them.
Apart from using simple solution, there are two others (not so simple of course) that might provide a decent substitution.
Solution 1
Using Google Maps API where you can find Developer guides, API reference and code samples. There is no easy way about this, simply follow the instructions and review examples that Google has supplied. Hopefully there might be something in it that will help you.
Simple guide to Google Maps API
Solution 2
Using Google Maps Engine will offer you a way to create your own map. Once you have created a map, added pins, points, routes, etc. at the end you can select option to share. However, option to share just allows you to share a link, not embed. I just wanted to point out this "feature", if you will, of the system.
To embed a map you have to click on a folder in the upper left corner. Shown on the image below and select Embed on my site option.
In the bottom right corner of the map you'll see a cogwheel. Click it.
Click on "Share and embed map";
Choose the size you need from the drop-down menu or choose the custom option;
Click in the box to the right that starts with <iframe src="https://www.google The code should be highlighted. copy and paste it into your web page or blog.
Simples!

Any AS3 Maps API still avaialable?

I need an AS3 maps API for a school project (AIR Desktop APP). I wanted to use Google Maps API but, since it is deprecated, I can't obtain a key. Any other good maps API I could use? I just need basic function: search for a city, get coordinates, calculate distance and place elements (circles/lines) on the map to connect the cities.
Any suggestions are appreciated.
Thanks
If you dont have to use as3, you could use the JS Google Maps API in Adobe Air. Also you could try http://developer.mapquest.com/web/products/featured/as3-flex-flash. I have personally have not used MapQuest but I read good reviews about it.
You can use ModestMaps.
Library.
Simple tutorial.
You can simply use the flash.media.StageWebView object or classes from flash.html to display web content. However, you will have to create the web content yourself using Google Maps API and JavaScript.

Google Maps API for my image

I have my own custom technology map and I was looking to integrate the image with the Google Maps API to provide a richer Google Map-like experience for navigating around my material.
Can anyone provide some thoughts on how best to do this? What steps do I need to look at in order to use my custom image with the Maps API? Is it even possible.
Similar examples would be what Google did for the Moon or Mars - but is this approach open to others to do?
Looks like you want to create a Custom Map Type with a Custom Projection:
https://developers.google.com/maps/documentation/javascript/maptypes#CustomMapTypes
https://developers.google.com/maps/documentation/javascript/maptypes#Projections
All the information you need is there in the documentation.

show google map in flex, actionscript

I want to show the google map of my company in the company website. I read on the google maps site that new keys for google map for actionscript are no longer available. How can I show google map in the site?
These are the two alternatives you have :
Bing Maps Platform in Flash/Flex/ActionScript
Yahoo! Maps AS-Flash API
MapQuest offers both Flash and Mobile Flash APIs and they ARE supported!
Obviously this isn't a solution that involves Google, but I've been happy with the MapQuest Flash APIs. Hope this helps!
These are the alternatives we've been deciding between:
Flex Only
ESRI ArcGIS Flex API
AS3
OpenScales
ModestMaps
MapQuest
As a side note if you are just trying to show a simple map on your website, perhaps you should consider the JS Google Maps API? It's fairly simple to add a small map to a html page. Check out http://code.google.com/apis/maps/documentation/javascript/
Hope that helps.

GoogleMaps API v3 scrolling with mousewheel does not work

Has anyone found a fix for this?
it seems this has been implemented in the official release by google since I posted this question
This functionality isn't supported by the v3 API yet. See the Feature Request: Add Scroll wheel zoom in v3.
It looks like someone has created a utility to add this functionality:
http://google-maps-utility-library-v3.googlecode.com/svn/tags/scrollwheelzoom/1.0/