<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=windows-1252"><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";
mso-fareast-language:EN-US;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'>Tom, I’m guessing when you save from QGIS you are also reprojecting?<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'>Ed<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D'><o:p> </o:p></span></p><div style='border:none;border-left:solid blue 1.5pt;padding:0cm 0cm 0cm 4.0pt'><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Tom Chance [mailto:tom@acrewoods.net] <br><b>Sent:</b> 21 September 2012 12:37<br><b>To:</b> Lester Caine<br><b>Cc:</b> talk-gb@openstreetmap.org<br><b>Subject:</b> Re: [Talk-GB] Highlighting an area ...<o:p></o:p></span></p></div></div><p class=MsoNormal><o:p> </o:p></p><div><p class=MsoNormal>On 21 September 2012 12:20, Lester Caine <<a href="mailto:lester@lsces.co.uk" target="_blank">lester@lsces.co.uk</a>> wrote:<o:p></o:p></p><p class=MsoNormal>I'm in the middle of a web site overhaul for a town council, and I'd like to improve the site by using OSM maps for each of the wards. The problem is how to highlight the relevant area?<o:p></o:p></p></div><p class=MsoNormal><br>One simple solution I have used:<o:p></o:p></p><div><p class=MsoNormal><o:p> </o:p></p></div><div><p class=MsoNormal>* get the OS open data boundary line dataset<o:p></o:p></p></div><div><p class=MsoNormal>* use QGIS to clip the shapefile to just have the boundaries for wards in the town council's bounds<o:p></o:p></p></div><div><p class=MsoNormal>* save that as geojson from QGIS<o:p></o:p></p></div><div><p class=MsoNormal>* or as that previous step sometimes fails save as GPX, open in JOSM and save as geojson (!)<o:p></o:p></p></div><div><p class=MsoNormal>* reference that in your leaflet or openlayers script, and use the attributes and styling to only show the selected ward, or show it differently, etc.<o:p></o:p></p></div><div><p class=MsoNormal><o:p> </o:p></p></div><div><p class=MsoNormal>In some map tools I've created for a local political party branch using leaflet-js, this results in nice polygons on a slippy map with the MapBox streets tiles. Very clean, attractive, quick and easy to use. Also for this site - <a href="http://www.londonrents.org.uk">www.londonrents.org.uk</a> <o:p></o:p></p></div><div><p class=MsoNormal><o:p> </o:p></p></div><div><p class=MsoNormal>You can also use QGIS to simplify the polygons if you're not bothered about precision. I've done this for the rents map above, which resulted in a much smaller chunk of geojson, which hugely improves loading times.<o:p></o:p></p></div><div><p class=MsoNormal><o:p> </o:p></p></div><div><p class=MsoNormal>Regards,<o:p></o:p></p></div><div><p class=MsoNormal>Tom<br clear=all><o:p></o:p></p><div><p class=MsoNormal><o:p> </o:p></p></div><p class=MsoNormal>-- <br><a href="http://tom.acrewoods.net">http://tom.acrewoods.net</a> <a href="http://twitter.com/tom_chance">http://twitter.com/tom_chance</a><o:p></o:p></p></div></div></div></body></html>