I need to do something similar to this:
Flash-based interactive map
I wonder if you could recommend a good library or something. JQuery or Javascript will be nice, but Flash/Action Script is not a good option.
You can use jQuery based solution for that - jVectorMap.
Give the Google maps API to make your own custom map from your own images
http://forevermore.net/articles/photo-zoom/
http://www.maplib.net/
You can then use the same api to detect clicks that would trigger modal windows.
You can have a variety of 44 Maping APIs HERE
and of course Flash/Action Script is not a good option since it takes much resource and is always slower than JavaScript and AJAX based solutions.
HERE is your first tutorial to set up your map (from Google developers).
and finally, HERE is a collection of Free Mapping Tools for creating maps online.
Hope this helps :)
Related
I'm trying to make an NodeJs App in which, on web page I'm using Maps, For some reasons I've chosen Google Maps and I want to stick to it. My question is, Is there anyway where I can either store or cache map tiles offline and later on use it as needed [Note: Not looking for any hack or Illegal way for it, I already know there are many such ways].
I tried and saw many options like GEE (Google Earth Enterprise) portable but I guess they are shutting it down very soon i.e by 2017.
Basically what I'm trying here is to minimize the data usage on rendering map tiles, so alternatively, if there ain't a way to make google map work offline any suggestion or advice for minimizing data usage is appreciated.
The offline access via Maps JavaScript API is not available at the moment. There is a feature request in the public issue tracker:
https://issuetracker.google.com/issues/35827808
Please star this feature request to express your interest and receive further updates from Google.
1.Use Localstorage instead it might help but will be used in google chrome.
2.Check this url it might help How to cache Google map tiles for offline usage?
Please can someone point me in the right direction.
I have spent a few days watching videos and reading up on google maps and am more confused now than when I started.
I run a worpress site and want to add a google map to show venues. I have done this by copying the the html from a previous google map that I created. I decided to start afresh and try to style the map that it looks more attractive and also see if I could create a database with my site locations that I could update.
In the process I came across a pluging that asked me for my API key. I struggled to find my API key and then started reading that google maps has done away with its previous version and is now using something called Google Maps JavaScript API v3.
Please can someone guide me how to go about using this and what its all about. I've read up on Google Maps JavaScript API v3 but am still confused. ?
If someone has some useful videos, like idiots guide to getting started....
The basic documentation can be found at google's developers site. If you are struggling with the basic maps functionality and skinning, you may find it helpful to use a wrapper that simplifies a lot of the process, like this gmaps project on github.
If you have a more specific problem, maybe you could edit your post and list exactly what hurdles you are facing.
If you are using Wordpress, why not try a plugin directly? It would probably take care of all the specifics, and leave you with just having to deal with managing the site. This one has rather good ratings:
http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/
Regarding your API key, it's something Google gives you when you register your site in order to use Maps. Try re registering.
Check this out: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/getting-creative-with-the-google-maps-api/. Kind of like a beginners guide...
There are many Web sites that include clickable maps that highlight regions on mouseover and allow the user to narrow down a selection from a world map view to a continent level. Here is an interesting example: davidlynch.org.
Many of these clickable maps are implemented with HTML image maps, while another option is to use for example Google's GeoChart API. Concerning the HTML image maps option, I'm wondering where people get all the 'raw data', all the country and regional border polygons. Is there a free resource for that? Concerning the Google GeoChart option, I'm wondering if that is scalable or if the number of API calls are somehow limited?
Does anyone have some advice on the availability of a free library that allows a straightforward implementation of clickable maps with customizable regions?
Well it is not really a problem which could be tagged 'geocoding'.
Since I have been playing with Raphael.js these days, I thought of this lib while reading your question title. I also remember Wikipedia commons hosted a SVG map of the world. Raphael helps you manipulate svg files, so that could be a nice way to go.
Anyway, after searching whith the criteria 'raphael' I found a conversation matching your request, exactly. So there it is : http://groups.google.com/group/raphaeljs/browse_thread/thread/46b5402c677ce274/7ff6a6a8d8f5f9fa?pli=1
There are some utility scripts, as well as the link to the svg world file mentioned above and a live examples (and links to Stack Exchange topics).
Sure there is work to do, and it may be easier to call directly the google api.
In my experience of the gmaps API, you have to make many requests per second to be blacklisted by google. Like when you launch a heavy batch geocoding tool. So it depends of your project but I would consider quite safe to use it even if your page is popular.
[EDIT] : There is now a live demo on RaphaelJs website.
[EDIT again]: And now a complete production workflow based on Python and Raphael exists : Kartograph. It's really young but looks promising.
Check this out. Seems to serve your requirements and offers a bit more:
Google Maps with Clickable Regions
http://codecanyon.net/item/google-maps-with-clickable-countries/3186942
I second the raphael.js, it is a nice library to draw the shapes with all kinds of user interaction. As an example, you may look at this project, which is a vector map of Russia, implemented on top of the Raphael.js. It allows highlighting the regions programmatically.
There are two libraries I can recommend without doubt: 1. d3JS and 2. Raphael JS
The latter is what I was using for writing my
clickable map generator web application - Make a Clickable Map
d3JS has a steeper learning curve, but you can do way more things with it than Raphael. On the other hand, Raphael is easier to pick up and is fun to work with.
can anyone help identify the Javascript library used for interactive maps on http://www.africatravelresource.com/
Or is it a custom solution? Any suggestions for something similar?
You can use Google GeoCharts which provide an interactive interface. I, personally, find these very helpful and easy to use. Also, the maps cover just about any area of the world.
Similar functionality is provided by the jVectorMap library. Give it a try.
If you want to do "slippy maps" in Javascript (like google maps) then look at OpenLayers - it would be a bit heavyweight for that africa travel site though.
There's a few other lighter javascript mapping systems - Leaflet is one... They're open source, and integrate with OpenStreetMap background maps so you aren't relying on google's licensing...
Is it possible to add google maps on a site designed specifically for the iPhone? I have never integrated maps in my websites before, so this question really goes more because of my inexperience.
Using basic html and javascript at the moment.
The Google Maps API V3 is specifically designed to work efficiently on mobile devices. There are some great tutorials here and here.
Any link to a Google Maps URL will automatically open in the Maps application, which may be more useful than simply embedding a map view in the website itself.
For example, a link to http://maps.google.com/maps?q=cupertino will automatically open the Maps application and run a search for "cupertino".
I think, if you only need a google map with some simple function. The simplest way is use the MapKit.Framework, it's a part of iphone OS. You can find the document here.
If you need to load your own web site, you need to use UIWebView. you can find the document here(http://developer.apple.com/iphone/library/documentation/UIKit/Reference/UIWebView_Class/Reference/Reference.html).
I think these two ways can help you solve your problem.
And sorry about the link, because I'm not allowed to post more than one hyperlink.