I just signed up for a Google Maps API key and was hoping for a wizard style application for setting up the map (not a static one), unfortunately I was immediately blinded by science!
Can anyone point me to a tutorial where I can find out how to create a simple google map and place a callout bubble including am image of the office and address details.
Give this a try
http://econym.org.uk/gmap/
The documentation for Google maps is pretty fantastic. That's how I learned to use it.
There's a section for Basics in the docs. That might be a good place to start.
If all you're looking to do is show a map with an infowindow, you might want to take a look at the embedding options here:
http://maps.google.com/help/maps/getmaps/quick.html
It'll let you easily embed a map on your site, without to much science!
Shameless self-promotion
If you are happy to use C# this may or may not help - Lookup on all postcodes on a webpage, and plot them with Google maps. It doesn't really need much ASP.NET/C# knowledge beyond the basics.
Related
The forum on the Google Maps JavaScript API group referred my question to Stack Overflow so here goes--
I'm looking to place markers on a Google map that when clicked display a streetview panorama (a "photosphere") of that location. Each panorama was stitched together from photos I've taken personally and is saved on my computer i.e. not currently publicly viewable on Google maps.
I've searched through this guide:
https://developers.google.com/maps/documentation/javascript/streetview
for help but to no avail (I thought the "Providing Custom StreetView Panoramas" section might have been helpful but it didn't seem relevant, unless I misunderstood what it was saying).
I'm aware that Google recently introduced a new way to upload personally-made photospheres for public display on Google maps (see: https://www.google.com/maps/views/home?gl=us&hl=en-us), but this is not what I want to do.
Anyway I'd really appreciate recommendations for tutorials that might help me with this.
Thanks.
This is what you need :
https://developers.google.com/maps/documentation/javascript/examples/streetview-custom-simple
It has the sample code. Just make changes to use your image and you are good to go.
What I would really like to do:
Embed a google maps search box for users to enter their address, complete with the auto-complete/detect functionality available on Google maps so that they won't have to enter a full address.
Calculate the distance from a fixed location (our warehouse) to the address they enter, and make this numerical information available for use in Javascript calculations.
It would be incredibly useful and rewarding for the company I work for, I can understand if it is indeed not possible but I really hope it is and welcome any and all suggestions..
I'm not asking for code, only resources where I can learn how to do this.
Thanks in advance.
To make a special fancy map, you need to use Google Maps API.
You can learn about what Google Maps API is, please visit the official site.
https://developers.google.com/maps/
for the new company site, they want a textbox that has an address, once the person clicks search a google map should appear with lots of points on that area. These points are places pre-defined in a database.
Is there any way I can implement this? A great example of this is on laterooms.com:
http://www.laterooms.com/en/k16296355_manchester-hotels.aspx
Thanks
I believe what you want is a mashup between simple geocoding (example available here):
https://google-developers.appspot.com/maps/documentation/javascript/examples/geocoding-simple
And places (example available here)
https://google-developers.appspot.com/maps/documentation/javascript/examples/place-search
And you should be good to go.
you will find quite some good infos on this page here: see the examples and see what you can do with the code
https://developers.google.com/maps/
I've been researching on this for some days but can't find a proper answer neither here nor in the API's doc.
http://dl.dropbox.com/u/3428472/download.png
I'm looking for a way to add that control to a gmaps implementation. I guess I could go for designing a custom control but since this one already exists, there must be a way of adding it as is.
That is the blue drop a pin control available in the edit mode of the places API.
Any help would be much appreciated.
Thanks!
The image looks like an implementation of the drawing-library.
There is no need to steal something, it's a part of the public API.
You'll find the docs here: https://developers.google.com/maps/documentation/javascript/overlays?hl=en#drawing_tools
I am researching the feasibility of setting up a mapping tool for my alliance in an online game.
The game is not based in the real world so I am not interested in the content of the map tools available, just the functionality.
Minimally, I would like the map to display information about where allied cities are located in the world. Ideally, I'd like to be able to display information about desired trades, levels of development, and military actions. All this should be editable by the map users.
I've been looking at the google maps API and it appears that I could use it to serve my ends by using my own map tiles with a custom defined map object and some custom overlays, but it looks like it would be a lot of work to set up.
Is there another tool that would be better suited to this task?
A List Apart has an article from the creators of EveryBlock.com. They use a full open-source stack (client side library, tile cache, map generator) as an alternative to Google Maps. That sounds like it has exactly what you need.
I would argue that the Goole Maps API approach is not as difficult as you imagine. The API provides a very nice interface to define custom tilesets to render your own maps.
This interface is actually quite simple to use. There is a detailed description of it here. When you create a GMapType object you can specify a vector of urls to your own image tiles, label images and fundamentally change the display paradigm.
There are quite a few examples of this on the web:
George R R Martin's Game of Thrones. I found the javascript they have written pretty clear.
The Oblivion Gameworld (as Matt mentioned).
World of Warcraft Gameworld
I reckon this is a really powerful way of implementing your own maps on the web.
There is a google map implementation of the Oblivion gameworld - this might serve as a reference.
Wouldn't defining your own overlay with a KMZ file in Google Maps work?