World map

[Excell]

Morning all

I probably have a cheek in asking this

Has anyone created a world map that is clickable.

If so is there any chance I could see the code

If not is there an easy way to plot the point of a world map?

Sorry if this is a little rude just trying to save some time on an
idea i am looking into.

Many thanks

Roger [Excell]

[Jeremy Arca]

find an svg map on the wiki maps site and just import it.

2011/1/13 Excell <ro...@barrettinteriors.co.uk>

--
You received this message because you are subscribed to the Google Groups "Raphaël" group.
To post to this group, send an email to raph...@googlegroups.com.
To unsubscribe from this group, send email to raphaeljs+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/raphaeljs?hl=en-GB.

[Excell]

Thanks for the reply,
Sorry for my ignorance will i be able to edit that and make area ie
countries clickable etc?

On Jan 14, 8:30 am, Jeremy Arca <jmamo...@gmail.com> wrote:
> find an svg map on the wiki maps site and just import it.
>
> 2011/1/13 Excell <ro...@barrettinteriors.co.uk>
>
> > Morning all
>
> > I probably have a cheek in asking this
>
> > Has anyone created a world map that is clickable.
>
> > If so is there any chance I could see the code
>
> > If not is there an easy way to plot the point of a world map?
>
> > Sorry if this is a little rude just trying to save some time on an
> > idea i am looking into.
>
> > Many thanks
>
> > Roger [Excell]
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Raphaël" group.
> > To post to this group, send an email to raph...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > raphaeljs+...@googlegroups.com<raphaeljs%2Bunsu...@googlegroups.com>
> > .

[Jeremy]

Yes see the API doc for svg an also irunmywebsite.com ... Charles has some examples

> To unsubscribe from this group, send email to raphaeljs+...@googlegroups.com.

[Nick Sewell]

Hi Roger,

Dmitry has made this example, a map of Australia that you can mouse over
to see facts on regions.

http://raphaeljs.com/australia.html

You may be able to convert an SVG map of the world in a similar way.
Bear in mind that all 192/195 countries may clutter a map. You may want
to just select continents, and then select from a list of countries
(Many companies with international websites do this).

You might want to use this file
http://en.wikipedia.org/wiki/File:Continents.svg

[Igor Brejc]

I'm working on a mapping library using Raphael.
Here's a current prototype sample: http://beta1234.com.sunflower.arvixe.com/geosomnia/

It's not yet a world map and it's not yet clickable (well at least not
out of the box), but will be soon.

Igor

[John Emerson]

Apologies if this appears twice. I tried to post it yesterday but
didn't see it come through the group archive.

I've just started working with Raphaël and made a quick world map
based on the Australia example. You can check it out at:
http://backspace.com/mapapp/javascript_world/

And you can download the files at:
http://backspace.com/mapapp/javascript_world/javascript_world.zip

Enjoy!

- John

[John Emerson]

I've just started toying with Raphaël and put together a world map

based on the Australia example.

You can see it in action at:
http://backspace.com/mapapp/javascript_world/

It's not every tiny island in the world and the country borders are
fairly generalized to keep the filesize down, but this should get you
started.

You can download the files from:

http://backspace.com/mapapp/javascript_world/javascript_world.zip

Enjoy!

- John



On Jan 14, 1:24 am, Excell <ro...@barrettinteriors.co.uk> wrote:

[chris]

Hello,
i've managed to get a raphael US map with plottable lat/lng and
mouseover labels. i've pushed the project up here: https://github.com/the55/usmap

check out the demo page: http://the55.net/_11/sketch/us_map

feedback welcome,
c

> > >>> raphaeljs+...@googlegroups.com<raphaeljs%2Bunsubscribe@googlegroups .com>

[John Emerson]

Nicely done! I've added lat/long points to my world map as well:
http://backspace.com/mapapp/javascript_world/

[charles thomas]

John
I put it on the Additional Resources page.
I hope this gets more exposure.
Charles
http://www.irunmywebsite.com/

---

From: John Emerson <dere...@gmail.com>
To: Raphaël <raph...@googlegroups.com>
Sent: Sat, January 22, 2011 11:39:07 PM
Subject: Re: World map

> > > >>> raphaeljs+unsub...@googlegroups.com<raphaeljs%2Bunsubscribe@googlegroups .com>

> > > >>> .
> > > >>> For more options, visit this group at
> > > >>>http://groups.google.com/group/raphaeljs?hl=en-GB.
>
> > > > --
> > > > You received this message because you are subscribed to the Google Groups "Raphaël" group.
> > > > To post to this group, send an email to raph...@googlegroups.com.

> > > > To unsubscribe from this group, send email to raphaeljs+unsub...@googlegroups.com.

> > > > For more options, visit this group athttp://groups.google.com/group/raphaeljs?hl=en-GB.

--
You received this message because you are subscribed to the Google Groups "Raphaël" group.
To post to this group, send an email to raph...@googlegroups.com.

To unsubscribe from this group, send email to raphaeljs+unsub...@googlegroups.com.

[Victor Hooi]

Hi,

All of this looks very awesome =).

I'm looking at doing something similar, but for a map of a building, and then superimposing some numbers on top, and fill effects, etc.

I'm just curious though - I saw the path definitions for the world map (http://backspace.com/mapapp/javascript_world/world.js). Surely somebody didn't sit down and hack that out? Lol. Did they convert it from something? Use an editor? And if so, what do people use to generate/edit these complex paths for Raphael?

Cheers,

Victor

[Jeremy Arca]

Victor,

You can use applications like inkscape to draw out things and that is exported into paths...which can be used in raphael.

--

You received this message because you are subscribed to the Google Groups "Raphaël" group.
To post to this group, send an email to raph...@googlegroups.com.

To unsubscribe from this group, send email to raphaeljs+...@googlegroups.com.

[Dmitry Baranovskiy]

This is great! Can I use your data?

[Excell]

Sorry for the delay in the reply been a little tied up


That is perfect, even better than I thought it would look

very impressive

Roger

[John Emerson]

Here's the process I used:

- I manipulated the world map shapefile data in ArcGIS and made each
state its own layer
- I exported this to Adobe Illustrator and did some minor cleanup
- From Illustrator, I exported the file as SVG 1.1
- I ran a perl script to convert the SVG XML data to the path format
that Raphaël likes.

For this last step, you can also use http://toki-woki.net/p/SVG2RaphaelJS/
which also did a good job of converting the Illustrator SVG XML format
to Raphaél paths. This was the inspiration for my script.

I hope that helps!

- John

[John Emerson]

> On 20 Jan, 03:48, John Emerson <derec...@gmail.com> wrote:
> > You can see it in action at:http://backspace.com/mapapp/javascript_world/

On Jan 24, 10:51 pm, Dmitry Baranovskiy <dmitry.baranovs...@gmail.com>
wrote:

> This is great! Can I use your data?

Certainly! I will likely post it under the MIT license as well.

Enjoy1

- John

[Felix K.]

Wow, it looks really great!

I'm not sure, but I think there is a problem with the map in IE7. Can
anyone else confirm this?

Regards,

Felix K

[johnleaf]

hey- I was wondering how to do this myself- can any of you recommend a
tutorial or a book for dealing with vector graphics?

many thanks
john

On Jan 26, 3:00 am, John Emerson <derec...@gmail.com> wrote:
> Here's the process I used:
>

> - I manipulated the worldmapshapefile data in ArcGIS and made each

> state its own layer
> - I exported this to Adobe Illustrator and did some minor cleanup
> - From Illustrator, I exported the file as SVG 1.1
> - I ran a perl script to convert the SVG XML data to the path format
> that Raphaël likes.
>

> For this last step, you can also usehttp://toki-woki.net/p/SVG2RaphaelJS/

> which also did a good job of converting the Illustrator SVG XML format
> to Raphaél paths. This was the inspiration for my script.
>
> I hope that helps!
>
> -   John
>
> On Jan 24, 6:23 pm, Victor Hooi <victorh...@gmail.com> wrote:
>
>
>
>
>
>
>
> > Hi,
>
> > All of this looks very awesome =).
>

> > I'm looking at doing something similar, but for amapof a building, and

> > then superimposing some numbers on top, and fill effects, etc.
>

> > I'm just curious though - I saw the path definitions for the worldmap(http://backspace.com/mapapp/javascript_world/world.js). Surely somebody

[John Emerson]

Hi Felix,

The world map works for me in IE6, 7, and 8.

What sort of trouble are you seeing?

- John

On Jan 31, 6:44 am, "Felix K." <felix.kj...@gmail.com> wrote:
> Wow, it looks really great!
>
> I'm not sure, but I think there is a problem with the map in IE7. Can
> anyone else confirm this?
>
> Regards,
>
> Felix K
>
>

[Felix K.]

Sorry, a very late answer, but for the record:

The IE7-mode in IE9 broke it. Works in IE9 now.

Felix