On Apr 23, 2017 23:24, <inkscape-user-request@...937...sts.sourceforge.net> wrote:

Send Inkscape-user mailing list submissions to
        inkscape-user@...2249...sourceforge.net

To subscribe or unsubscribe via the World Wide Web, visit
        https://lists.sourceforge.net/lists/listinfo/inkscape-user
or, via email, send a message with subject or body 'help' to
        inkscape-user-request@...2249...sourceforge.net

You can reach the person managing the list at
        inkscape-user-owner@...2249...sourceforge.net

When replying, please edit your Subject line so it is more specific
than "Re: Contents of Inkscape-user digest..."


Today's Topics:

   1. Clickable SVG map (Steve Litt)
   2. Re: Clickable SVG map (Martin Owens)
   3. Re: Clickable SVG map (Victor Westmann)
   4. Re: Clickable SVG map (Steve Litt)
   5. Re: Clickable SVG map (C R)
   6. Re: Clickable SVG map (C R)


----------------------------------------------------------------------

Message: 1
Date: Mon, 24 Apr 2017 00:38:35 -0400
From: Steve Litt <slitt@...2357...>
Subject: [Inkscape-user] Clickable SVG map
To: inkscape-user@...2149....2249...sourceforge.net
Message-ID: <20170424003835.552d6f01@mydesk.domain.cxm>
Content-Type: text/plain; charset=US-ASCII

Hi all,

I've read that, when making an HTML page with a clickable map (a map of
the states in America, for instance), it's very doable in SVG. Has
anybody done this? If so, did you need to copy and paste the svg code
into the HTML, or were you able to work from an image imported with the
<img src="mymap.svg"/> tag?

Did you need to do something to tell the CSS in your HTML doc's head
that you meant #rect1234 in the <css> tree? Does anyone know of a
document that unambiguously tells exactly how to do it?

Thanks,

SteveT

Steve Litt
April 2017 featured book: Troubleshooting Techniques
     of the Successful Technologist
http://www.troubleshooters.com/techniques



------------------------------

Message: 2
Date: Mon, 24 Apr 2017 00:58:27 -0400
From: Martin Owens <doctormo@...2107...5...>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-user@...2249...sourceforge.net>
Message-ID: <1493009907.13767.9.camel@gmail.com>
Content-Type: text/plain; charset="UTF-8"

I did this many years ago if's an interesting example for you:

http://divajutta.com/doctormo/locomap/map.svg

But there are lots of svg maps these days. Leaflet does a fairly good
job of showing a map which can be constructed from svg paths, you can
choose to have open street map tiles or not.

Best Regards, Martin Owens

On Mon, 2017-04-24 at 00:38 -0400, Steve Litt wrote:
> Hi all,
>
> I've read that, when making an HTML page with a clickable map (a map
> of
> the states in America, for instance), it's very doable in SVG. Has
> anybody done this? If so, did you need to copy and paste the svg code
> into the HTML, or were you able to work from an image imported with
> the
> <img src="mymap.svg"/> tag?
>
> Did you need to do something to tell the CSS in your HTML doc's head
> that you meant #rect1234 in the <css> tree? Does anyone know of a
> document that unambiguously tells exactly how to do it?
>
> Thanks,
>
> SteveT
>
> Steve Litt?
> April 2017 featured book: Troubleshooting Techniques
> ?????of the Successful Technologist
> http://www.troubleshooters.com/techniques
>
> -------------------------------------------------------------------
> -----------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> Inkscape-user mailing list
> Inkscape-user@...95.....2249...sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/inkscape-user



------------------------------

Message: 3
Date: Sun, 23 Apr 2017 22:07:55 -0700
From: Victor Westmann <victor.westmann@...155...>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-user@...2249...sourceforge.net>
Message-ID:
        <CAPOH7=amxU8mZw-EVLr3AbN1=vQ1cLWhO8uwLjHHaFtCQF-2iw@...2149....3290...gmail.com>
Content-Type: text/plain; charset="utf-8"

Hi,

This is really cool. Do we have a map sample on inkscape website? I mean...
can we promote our tool as an app that does this?

Do you guys think more people would be interested?
On Apr 23, 2017 10:00 PM, "Martin Owens" <doctormo@...155...> wrote:

> I did this many years ago if's an interesting example for you:
>
> http://divajutta.com/doctormo/locomap/map.svg
>
> But there are lots of svg maps these days. Leaflet does a fairly good
> job of showing a map which can be constructed from svg paths, you can
> choose to have open street map tiles or not.
>
> Best Regards, Martin Owens
>
> On Mon, 2017-04-24 at 00:38 -0400, Steve Litt wrote:
> > Hi all,
> >
> > I've read that, when making an HTML page with a clickable map (a map
> > of
> > the states in America, for instance), it's very doable in SVG. Has
> > anybody done this? If so, did you need to copy and paste the svg code
> > into the HTML, or were you able to work from an image imported with
> > the
> > <img src="mymap.svg"/> tag?
> >
> > Did you need to do something to tell the CSS in your HTML doc's head
> > that you meant #rect1234 in the <css> tree? Does anyone know of a
> > document that unambiguously tells exactly how to do it?
> >
> > Thanks,
> >
> > SteveT
> >
> > Steve Litt
> > April 2017 featured book: Troubleshooting Techniques
> >      of the Successful Technologist
> > http://www.troubleshooters.com/techniques
> >
> > -------------------------------------------------------------------
> > -----------
> > Check out the vibrant tech community on one of the world's most
> > engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> > _______________________________________________
> > Inkscape-user mailing list
> > Inkscape-user@...2249...sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/inkscape-user
>
> ------------------------------------------------------------
> ------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> Inkscape-user mailing list
> Inkscape-user@...95.....2249...sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/inkscape-user
>
-------------- next part --------------
An HTML attachment was scrubbed...

------------------------------

Message: 4
Date: Mon, 24 Apr 2017 01:58:20 -0400
From: Steve Litt <slitt@...2357...>
Subject: Re: [Inkscape-user] Clickable SVG map
To: inkscape-user@...2149....2249...sourceforge.net
Message-ID: <20170424015820.0c801bdf@mydesk.domain.cxm>
Content-Type: text/plain; charset=US-ASCII

On Mon, 24 Apr 2017 00:58:27 -0400
Martin Owens <doctormo@...155...> wrote:

> I did this many years ago if's an interesting example for you:
>
> http://divajutta.com/doctormo/locomap/map.svg

Wow, although that's exactly what I need the user to experience, that's
not at all how I figured it would be coded. Your <svg> element contains
exactly three paths: One for the back button, one for the entire map,
and one for something else (perhaps the ocean?). The map path consists
of several continues followed by a z (close the path?) and then a M
(Move to another point without writing?). I guess somehow you parse
that all apart with your three Javascript scripts.

I had always figured my map would consist of one path for each
clickable region, but that's not at all how your map appears to work.

I'll study yours more tomorrow. It's insanely cool.

Thanks,

SteveT

Steve Litt
April 2017 featured book: Troubleshooting Techniques
     of the Successful Technologist
http://www.troubleshooters.com/techniques



------------------------------

Message: 5
Date: Mon, 24 Apr 2017 07:19:56 +0100
From: C R <cajhne@...155...>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-user@...2249...sourceforge.net>
Message-ID:
        <CABdJpS5BZRiirLvDtqw5-tv-iEE+9XWj+gHbbQLad+5Q1z5O=w@...3290...gmail.com>
Content-Type: text/plain; charset=UTF-8

Hey Martin. :) I know you've got a ton to do, but everyone I show the
inkscape hackfest photo to loves the cool functionality you added to
it. Maybe a doctormo tutorial would be a good idea...

-C

On Mon, Apr 24, 2017 at 6:07 AM, Victor Westmann
<victor.westmann@...155...> wrote:
> Hi,
>
> This is really cool. Do we have a map sample on inkscape website? I mean...
> can we promote our tool as an app that does this?
>
> Do you guys think more people would be interested?
>
> On Apr 23, 2017 10:00 PM, "Martin Owens" <doctormo@...155...> wrote:
>>
>> I did this many years ago if's an interesting example for you:
>>
>> http://divajutta.com/doctormo/locomap/map.svg
>>
>> But there are lots of svg maps these days. Leaflet does a fairly good
>> job of showing a map which can be constructed from svg paths, you can
>> choose to have open street map tiles or not.
>>
>> Best Regards, Martin Owens
>>
>> On Mon, 2017-04-24 at 00:38 -0400, Steve Litt wrote:
>> > Hi all,
>> >
>> > I've read that, when making an HTML page with a clickable map (a map
>> > of
>> > the states in America, for instance), it's very doable in SVG. Has
>> > anybody done this? If so, did you need to copy and paste the svg code
>> > into the HTML, or were you able to work from an image imported with
>> > the
>> > <img src="mymap.svg"/> tag?
>> >
>> > Did you need to do something to tell the CSS in your HTML doc's head
>> > that you meant #rect1234 in the <css> tree? Does anyone know of a
>> > document that unambiguously tells exactly how to do it?
>> >
>> > Thanks,
>> >
>> > SteveT
>> >
>> > Steve Litt
>> > April 2017 featured book: Troubleshooting Techniques
>> >      of the Successful Technologist
>> > http://www.troubleshooters.com/techniques
>> >
>> > -------------------------------------------------------------------
>> > -----------
>> > Check out the vibrant tech community on one of the world's most
>> > engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>> > _______________________________________________
>> > Inkscape-user mailing list
>> > Inkscape-user@...2249...sourceforge.net
>> > https://lists.sourceforge.net/lists/listinfo/inkscape-user
>>
>>
>> ------------------------------------------------------------------------------
>> Check out the vibrant tech community on one of the world's most
>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>> _______________________________________________
>> Inkscape-user mailing list
>> Inkscape-user@...2249...sourceforge.net
>> https://lists.sourceforge.net/lists/listinfo/inkscape-user
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> Inkscape-user mailing list
> Inkscape-user@...95.....2249...sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/inkscape-user
>



------------------------------

Message: 6
Date: Mon, 24 Apr 2017 07:23:38 +0100
From: C R <cajhne@...155...>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-user@...2249...sourceforge.net>
Message-ID:
        <CABdJpS6mh0-6jAQt-7TYDz_BsvW0ArMCzi8YLjN3gBUzt35twg@mail.gmail.com>
Content-Type: text/plain; charset=UTF-8

This one, for those who have not yet witnessed the awesome of Martin's
additions:
https://inkscape.org/nl/~doctormo/%E2%98%85inkscape-hackfest-2016-group-photo

Other projects I show that too have said they need to "up their
hackfest-photo game". :D

-C

On Mon, Apr 24, 2017 at 6:58 AM, Steve Litt <slitt@...2357...> wrote:
> On Mon, 24 Apr 2017 00:58:27 -0400
> Martin Owens <doctormo@...2504......> wrote:
>
>> I did this many years ago if's an interesting example for you:
>>
>> http://divajutta.com/doctormo/locomap/map.svg
>
> Wow, although that's exactly what I need the user to experience, that's
> not at all how I figured it would be coded. Your <svg> element contains
> exactly three paths: One for the back button, one for the entire map,
> and one for something else (perhaps the ocean?). The map path consists
> of several continues followed by a z (close the path?) and then a M
> (Move to another point without writing?). I guess somehow you parse
> that all apart with your three Javascript scripts.
>
> I had always figured my map would consist of one path for each
> clickable region, but that's not at all how your map appears to work.
>
> I'll study yours more tomorrow. It's insanely cool.
>
> Thanks,
>
> SteveT
>
> Steve Litt
> April 2017 featured book: Troubleshooting Techniques
>      of the Successful Technologist
> http://www.troubleshooters.com/techniques
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> Inkscape-user mailing list
> Inkscape-user@...95.....2249...sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/inkscape-user



------------------------------

------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot

------------------------------

_______________________________________________
Inkscape-user mailing list
Inkscape-user@...3230...9...sourceforge.net
https://lists.sourceforge.net/lists/listinfo/inkscape-user


End of Inkscape-user Digest, Vol 131, Issue 21
**********************************************