Discussion:
[Inkscape-user] Clickable measurements
Susan Spencer
2017-04-24 16:47:58 UTC
Permalink
Use this for measurements

On Apr 23, 2017 23:24, <inkscape-user-***@lists.sourceforge.net> wrote:

Send Inkscape-user mailing list submissions to
inkscape-***@lists.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-***@lists.sourceforge.net

You can reach the person managing the list at
inkscape-user-***@lists.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 <***@troubleshooters.com>
Subject: [Inkscape-user] Clickable SVG map
To: inkscape-***@lists.sourceforge.net
Message-ID: <***@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 <***@gmail.com>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-***@lists.sourceforge.net>
Message-ID: <***@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
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
https://lists.sourceforge.net/lists/listinfo/inkscape-user
------------------------------

Message: 3
Date: Sun, 23 Apr 2017 22:07:55 -0700
From: Victor Westmann <***@gmail.com>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-***@lists.sourceforge.net>
Message-ID:
<CAPOH7=amxU8mZw-EVLr3AbN1=vQ1cLWhO8uwLjHHaFtCQF-***@mail.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?
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
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
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
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 <***@troubleshooters.com>
Subject: Re: [Inkscape-user] Clickable SVG map
To: inkscape-***@lists.sourceforge.net
Message-ID: <***@mydesk.domain.cxm>
Content-Type: text/plain; charset=US-ASCII

On Mon, 24 Apr 2017 00:58:27 -0400
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 <***@gmail.com>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-***@lists.sourceforge.net>
Message-ID:
<CABdJpS5BZRiirLvDtqw5-tv-iEE+9XWj+gHbbQLad+5Q1z5O=***@mail.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
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?
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
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
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
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
https://lists.sourceforge.net/lists/listinfo/inkscape-user
------------------------------

Message: 6
Date: Mon, 24 Apr 2017 07:23:38 +0100
From: C R <***@gmail.com>
Subject: Re: [Inkscape-user] Clickable SVG map
To: Inkscape User Community <inkscape-***@lists.sourceforge.net>
Message-ID:
<CABdJpS6mh0-6jAQt-***@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, 24 Apr 2017 00:58:27 -0400
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
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-***@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/inkscape-user


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

Loading...