Is there a decent non-flash replacement for Google's GeoMap? I'm trying to "push" redraws, but because it's flash it has to run back to Google, render a flash object, and then replace it.
Google now has the GeoChart which is the replacement to GeoMap. It creates an SVG and has more flexibility in terms of customization such as changing the background color of the map, etc, etc.
http://code.google.com/apis/chart/interactive/docs/gallery/geochart.html
I am afraid that there isn't a free map API as good as this and easy to use.
I've also scoured the web for something I could use that isn't flash but I suppose we have to wait a little while until html 5 gets going something will jump out of the dev bushes with a canvas tag hopefully.
I hope this answers your question. I'll keep looking though. I've been at it for 3 months.
A Google employee just told me they're working on an HTML5 version of the GeoMap API, but it won't be available for a few months.
As for a replacement, this is the closest I could find, but doesn't offer interactivity, rollovers, or subregions: http://joncom.be/code/excanvas-world-map/
Check out http://jvectormap.owl-hollow.net/
It is svg, fully compatible across browsers and has almost everything that google geomaps offers.mit is very easy to implement, more like a jquery plugin amd feeds from json as well.
Related
I have a sort of setup like... google maps. It has nothing to do with maps but the mechanism seems to be similar.
I have an image ~300MB and the client can drag the picture around having different parts of it in view in the browser. I want to load only the specific parts of the image which the user is looking at, and unload the parts which are out of view (to save RAM).
I thought of breaking the image in 15X15px chunks and load the correct chunks each time but I can't seem to wrap my mind around which technique should I use to actually perform this task.
Any suggestions?
Google Maps breaks up their images (including streetview etc) into smaller chunks. I've seen a lot of people use their own images WITH the Google Maps technology to create their own maps of whatever (one, for example, is a fantasy world/web game I can remember)
Perhaps, instead of reinventing the wheel, inspect the other guys' wheel and see if you can use the same technology to create what you need. GTA for example: http://www.gta4.net/map/
This should get you started: https://developers.google.com/maps/
Google maps api: https://developers.google.com/maps/ seems to allow everything I need but it is clumsy and limited for the types of things I want to do.
It's like solving the problem backwards.. figuring out how to work with the map, and the hiding the map layer... which is... doing a lot of work for nothing.
With that, that seemed to be the best solution out there until I cam acroos this:
Panojs
http://www.dimin.net/software/panojs/
This seems to be super easy to use and quite flexible.
or Zoom.it which is based on SeaDragon which is also super easy to use!
http://www.zoom.it/
Cheers
I have spent about 3 whole days searching for a Google Earth API extension that would enable users to perform selections of placemarks by either clicking multiple points, OR by drawing a polygon. I didn't budget or spec this functionality because I was confident that this is the type of thing that would be readily available for Google Earth. Turns out I was wrong.
At any rate, I am not asking anyone to write the code, I am hoping someone has come across a javascript library that enables this functionality.
As you have discovered GE plugin does not support drawing or dragging without writing some code yourself.
There is an extension library that I have found useful for draggable placemarks. Use makeDraggable().
Example here:
http://earth-api-utility-library.googlecode.com/svn/trunk/extensions/examples/draggable.html
Source here:
https://code.google.com/p/earth-api-utility-library/source/browse/trunk/extensions/src/edit/dragging.js
I believe you want to look at the second example: https://developers.google.com/earth/documentation/events#examples
I have a site that is in need of a drawing program. My users need to be able to draw floor plans and add text to these images. I'm wondering if anyone has come across a nice SVG WYSIWYG editor.
Otherwise I'm going to have to use a Flash or Java app which I'm not fond of.
The only one I know is svg-edit. It is not nearly as powerful or mature as editors like CKEditor, TinyMCE or FCKEditor are in their field of application, and it won't be as simple to implement, since it is more a script like a component, and finally I don't know how easy it is to customize it.
But I heavily doubt that there is something similar with more comfort.
You might have a try here or here (just to mention, won't work in Internet Explorer - although the site states that it would work if you have Chrome Frame installed but I can't confirm that).
Maybe you could tell us how far this meets your requirements ;-)
One impressive example of a polished and very intuitive webbased "drawing" app is accidentsketch.com. Uses both svg and html.
I'm looking for a simple Flex or JavaScript based image editing component which can be embedded in a web application. It shouldn't be a web service but rather a component that I can download and customize (i18n etc.).
I only need some basic features: most important is cropping, optional features would be rotating and adjusting brightness/contrast.
Basically something like splashup.com, but as an open source application rather than a web-service.
Thanks a lot in advance for any hints!
-- Andreas
There is pixastic.
Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.
Be sure to read the documentation to make sure the operations you are looking to perform are supported by all browsers. There are some issues with IE.
They have a editor you can try. It shows off some of the features.
Your question suggests you want an out of the box solution, or at least a base to stand on.
Quick Google search reveals editImage. This doesn't look polished or bug free, however building on this or rolling your own should not be difficult.
Here is a good article on Image Manipulation in Flex. Towards the end of it read "Cropping, Panning and Zooming", your basically looking at 5 lines of code. I think you might even be happier building this yourself.
Thanks for your answers!
I ended up customizing and extending this component:
http://blog.mediablur.com/2008/02/20/flex-image-cropping-component/
I've been asked to collate a list as possible of the modern uses for Image Maps.
When they first came into being, web-designers in the 90s used them as one of the first ways to create a more immersive experience, but now a-days they can be linked to javascript and jquery to perform all sorts of "exciting" tasks. Many of their possible uses have been superseded by flash, but I'm trying to find recent implementations, that use image maps in a really neat way, along with their urls.
The best I can do is the map highlight plugin for jquery, though sadly it's recent releases don't appear to work with IE8. If it did, it would be most impressive.
Hopefully someone has written some image map work themselves and could show it here. Many thanks.
ScrollMap
I have not used an Image Map in ages... where I can get away with, I just absolutely position links over a background image.
One thing Image Maps can do that CSS and XHTML can't do (reliably) is polygons and circles. You could argue you could place a few hundred 1px links to make a circle - but that solution is ugly, bloated and more trouble than just using an Image Map.