CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-15 21:48:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add a tooltip illustration for buildings

Browse Source
This commit is contained in:
Bryan Housel
2017-04-03 22:13:07 -04:00
parent d173e06cf2
commit 93b9507431
4 changed files with 123 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/ui/intro/building.js
+5 -5
View File
@@ -47,11 +47,11 @@ export function uiIntroBuilding(context, reveal) {
var tooltip = reveal('button.add-area',
t('intro.buildings.add_building', { button: icon('#icon-area', 'pre-text') }));
// tooltip.selectAll('.tooltip-inner')
// .insert('svg', 'span')
// .attr('class', 'tooltip-illustration')
// .append('use')
// .attr('xlink:href', '#landuse-images');
tooltip.selectAll('.tooltip-inner')
.insert('svg', 'span')
.attr('class', 'tooltip-illustration')
.append('use')
.attr('xlink:href', '#building-images');
houseId = null;
context.history().reset('initial');
svg/iD-sprite.json
+2 -1
View File
@@ -401,5 +401,6 @@
"poi-images": { "viewBox": "0 320 200 80" },
"landuse-images": { "viewBox": "0 400 200 80" },
"feature-images": { "viewBox": "0 480 200 80" }
"feature-images": { "viewBox": "0 480 200 80" },
"building-images": { "viewBox": "700 480 200 80" }
}
svg/iD-sprite.src.idraw
BIN
View File
Binary file not shown.
svg/iD-sprite.src.svg
+116 -41
View File
@@ -29,64 +29,139 @@
<path d="M349.5,4 C352.543,4 355,6.457 355,9.5 C355,12.543 352.543,15 349.5,15 C346.457,15 344,12.543 344,9.5 C344,6.457 346.457,4 349.5,4 z"/>
</clipPath>
</defs>
<g id="building-images">
<path d="M700,480 L900,480 L900,560 L700,560 z" fill="#FFFFFF"/>
<g>
<path d="M720,538.544 L744.051,548.671 L744.051,527.152 L720,517.025 z" fill="#E16E5F"/>
<path d="M770,537.911 L744.051,548.671 L744.051,527.152 L757.342,515.127 L770,517.025 z" fill="#9F655C"/>
<path d="M720,517.025 L734.557,505 L757.342,515.127 L744.051,527.152 L720,517.025 z" fill="#695757"/>
<path d="M770,517.025 L734.557,505 L757.342,515.127" fill="#4B4442"/>
<g>
<path d="M729.494,542.342 L729.494,536.013 L733.924,537.911 L733.924,544.24 L729.494,542.342 z" fill="#695757"/>
<path d="M737.089,545.506 L737.089,539.177 L741.519,541.076 L741.519,547.405 L737.089,545.506 z" fill="#695757"/>
<path d="M721.899,539.177 L721.899,532.848 L726.329,534.747 L726.329,541.076 L721.899,539.177 z" fill="#695757"/>
<path d="M737.089,534.114 L737.089,527.785 L741.519,529.684 L741.519,536.013 L737.089,534.114 z" fill="#695757"/>
<path d="M729.494,530.949 L729.494,524.62 L733.924,526.519 L733.924,532.848 L729.494,530.949 z" fill="#695757"/>
<path d="M721.899,527.785 L721.899,521.456 L726.329,523.354 L726.329,529.684 L721.899,527.785 z" fill="#695757"/>
</g>
<g>
<path d="M752.278,544.873 L752.278,538.544 L747.848,540.443 L747.848,546.772 L752.278,544.873 z" fill="#554646"/>
<path d="M752.278,533.481 L752.278,527.152 L747.848,529.051 L747.848,535.38 L752.278,533.481 z" fill="#554646"/>
<path d="M759.873,541.709 L759.873,535.38 L755.443,537.279 L755.443,543.608 L759.873,541.709 z" fill="#554646"/>
<path d="M759.873,530.316 L759.873,523.987 L755.443,525.886 L755.443,532.215 L759.873,530.316 z" fill="#554646"/>
<path d="M767.468,538.544 L767.468,532.215 L763.038,534.114 L763.038,540.443 L767.468,538.544 z" fill="#554646"/>
<path d="M767.468,527.152 L767.468,520.823 L763.038,522.722 L763.038,529.051 L767.468,527.152 z" fill="#554646"/>
</g>
</g>
<path d="M900,560 C900,560 700,480 700,480" fill-opacity="0" stroke="#000000" stroke-width="0.5" display="none"/>
<g display="none">
<path d="M700,560 L900,480" fill="#FFFFFF"/>
<path d="M700,560 L900,480" fill-opacity="0" stroke="#000000" stroke-width="0.5"/>
</g>
<path d="M800,480 L800,558.5" fill-opacity="0" stroke="#000000" stroke-width="0.5" display="none"/>
<g>
<path d="M775.5,516.544 L799.551,526.671 L799.551,505.152 L775.5,495.025 z" fill="#E16E5F"/>
<path d="M825.5,515.911 L799.551,526.671 L799.551,505.152 L812.842,493.127 L825.5,495.025 z" fill="#9F655C"/>
<path d="M775.5,495.025 L790.057,483 L812.842,493.127 L799.551,505.152 L775.5,495.025 z" fill="#695757"/>
<path d="M825.5,495.025 L790.057,483 L812.842,493.127" fill="#4B4442"/>
<g>
<path d="M784.994,520.342 L784.994,514.013 L789.424,515.911 L789.424,522.24 L784.994,520.342 z" fill="#695757"/>
<path d="M792.589,523.506 L792.589,517.177 L797.019,519.076 L797.019,525.405 L792.589,523.506 z" fill="#695757"/>
<path d="M777.399,517.177 L777.399,510.848 L781.829,512.747 L781.829,519.076 L777.399,517.177 z" fill="#695757"/>
<path d="M792.589,512.114 L792.589,505.785 L797.019,507.684 L797.019,514.013 L792.589,512.114 z" fill="#695757"/>
<path d="M784.994,508.949 L784.994,502.62 L789.424,504.519 L789.424,510.848 L784.994,508.949 z" fill="#695757"/>
<path d="M777.399,505.785 L777.399,499.456 L781.829,501.354 L781.829,507.684 L777.399,505.785 z" fill="#695757"/>
</g>
<g>
<path d="M807.778,522.873 L807.778,516.544 L803.348,518.443 L803.348,524.772 L807.778,522.873 z" fill="#554646"/>
<path d="M807.778,511.481 L807.778,505.152 L803.348,507.051 L803.348,513.38 L807.778,511.481 z" fill="#554646"/>
<path d="M815.373,519.709 L815.373,513.38 L810.943,515.279 L810.943,521.608 L815.373,519.709 z" fill="#554646"/>
<path d="M815.373,508.316 L815.373,501.987 L810.943,503.886 L810.943,510.215 L815.373,508.316 z" fill="#554646"/>
<path d="M822.968,516.544 L822.968,510.215 L818.538,512.114 L818.538,518.443 L822.968,516.544 z" fill="#554646"/>
<path d="M822.968,505.152 L822.968,498.823 L818.538,500.722 L818.538,507.051 L822.968,505.152 z" fill="#554646"/>
</g>
</g>
<g>
<path d="M830.5,538.544 L854.551,548.671 L854.551,527.152 L830.5,517.025 z" fill="#E16E5F"/>
<path d="M880.5,537.911 L854.551,548.671 L854.551,527.152 L867.842,515.127 L880.5,517.025 z" fill="#9F655C"/>
<path d="M830.5,517.025 L845.057,505 L867.842,515.127 L854.551,527.152 L830.5,517.025 z" fill="#695757"/>
<path d="M880.5,517.025 L845.057,505 L867.842,515.127" fill="#4B4442"/>
<g>
<path d="M839.994,542.342 L839.994,536.013 L844.424,537.911 L844.424,544.24 L839.994,542.342 z" fill="#695757"/>
<path d="M847.589,545.506 L847.589,539.177 L852.019,541.076 L852.019,547.405 L847.589,545.506 z" fill="#695757"/>
<path d="M832.399,539.177 L832.399,532.848 L836.829,534.747 L836.829,541.076 L832.399,539.177 z" fill="#695757"/>
<path d="M847.589,534.114 L847.589,527.785 L852.019,529.684 L852.019,536.013 L847.589,534.114 z" fill="#695757"/>
<path d="M839.994,530.949 L839.994,524.62 L844.424,526.519 L844.424,532.848 L839.994,530.949 z" fill="#695757"/>
<path d="M832.399,527.785 L832.399,521.456 L836.829,523.354 L836.829,529.684 L832.399,527.785 z" fill="#695757"/>
</g>
<g>
<path d="M862.778,544.873 L862.778,538.544 L858.348,540.443 L858.348,546.772 L862.778,544.873 z" fill="#554646"/>
<path d="M862.778,533.481 L862.778,527.152 L858.348,529.051 L858.348,535.38 L862.778,533.481 z" fill="#554646"/>
<path d="M870.373,541.709 L870.373,535.38 L865.943,537.279 L865.943,543.608 L870.373,541.709 z" fill="#554646"/>
<path d="M870.373,530.316 L870.373,523.987 L865.943,525.886 L865.943,532.215 L870.373,530.316 z" fill="#554646"/>
<path d="M877.968,538.544 L877.968,532.215 L873.538,534.114 L873.538,540.443 L877.968,538.544 z" fill="#554646"/>
<path d="M877.968,527.152 L877.968,520.823 L873.538,522.722 L873.538,529.051 L877.968,527.152 z" fill="#554646"/>
</g>
</g>
</g>
<g id="feature-images">
<path d="M0,480 L200,480 L200,560 L0,560 z" fill="#FFFFFF" id="rect8477"/>
<path d="M0,480 L200,480 L200,560 L0,560 z" fill="#FFFFFF"/>
<g id="img-waterway-river">
<path d="M140,530 L180,530 L180,533 L140,533 z" fill="#60D4DE" id="rect24309"/>
<path d="M146.762,526 C146.762,526 146.226,524.154 146.417,523.25 C146.638,522.203 148.071,520.5 148.071,520.5 C148.071,520.5 149.505,518.797 149.726,517.75 C149.917,516.846 149.381,515 149.381,515 C149.381,515 148.845,513.154 149.036,512.25 C149.257,511.203 150.69,509.5 150.69,509.5 C150.69,509.5 152.124,507.797 152.345,506.75 C152.536,505.846 152,504 152,504 L168.5,504 C168.5,504 169.933,505.703 170.155,506.75 C170.346,507.654 169.81,509.5 169.81,509.5 C169.81,509.5 169.273,511.346 169.464,512.25 C169.686,513.297 171.119,515 171.119,515 C171.119,515 172.552,516.703 172.774,517.75 C172.965,518.654 172.429,520.5 172.429,520.5 C172.429,520.5 171.892,522.346 172.083,523.25 C172.305,524.297 173.738,526 173.738,526 z" fill="#60D4DE" id="245"/>
<path d="M147.966,517.759 C147.752,518.559 147.145,519.092 146.612,518.949 C146.078,518.806 145.82,518.041 146.034,517.241 C146.248,516.441 146.855,515.908 147.388,516.051 C147.922,516.194 148.18,516.959 147.966,517.759 z" fill="#60D4DE" id="path25543" opacity="0.5"/>
<path d="M149.799,507.75 C149.247,508.707 148.217,509.146 147.5,508.732 C146.783,508.318 146.649,507.207 147.201,506.25 C147.753,505.293 148.783,504.854 149.5,505.268 C150.217,505.682 150.351,506.793 149.799,507.75 z" fill="#60D4DE" id="path25545" opacity="0.5"/>
<path d="M171.422,511.708 C171.637,512.508 172.243,513.041 172.776,512.898 C173.31,512.755 173.569,511.99 173.354,511.19 C173.14,510.39 172.533,509.857 172,510 C171.467,510.143 171.208,510.908 171.422,511.708 z" fill="#60D4DE" id="path25547" opacity="0.5"/>
<path d="M174.299,522.75 C174.851,523.707 175.881,524.146 176.598,523.732 C177.316,523.318 177.449,522.207 176.897,521.25 C176.345,520.293 175.316,519.854 174.598,520.268 C173.881,520.682 173.747,521.793 174.299,522.75 z" fill="#60D4DE" id="path25549" opacity="0.5"/>
<path d="M182,531.5 C182,532.881 180.881,534 179.5,534 C178.119,534 177,532.881 177,531.5 C177,530.119 178.119,529 179.5,529 C180.881,529 182,530.119 182,531.5 z" fill="#60D4DE" id="path26103"/>
<path d="M181,531.5 C181,532.328 180.328,533 179.5,533 C178.672,533 178,532.328 178,531.5 C178,530.672 178.672,530 179.5,530 C180.328,530 181,530.672 181,531.5 z" fill="#FFFFFF" id="path26105"/>
<path d="M143,531.5 C143,532.881 141.881,534 140.5,534 C139.119,534 138,532.881 138,531.5 C138,530.119 139.119,529 140.5,529 C141.881,529 143,530.119 143,531.5 z" fill="#60D4DE" id="path26107"/>
<path d="M142,531.5 C142,532.328 141.328,533 140.5,533 C139.672,533 139,532.328 139,531.5 C139,530.672 139.672,530 140.5,530 C141.328,530 142,530.672 142,531.5 z" fill="#FFFFFF" id="path26109"/>
<path d="M140,530 L180,530 L180,533 L140,533 z" fill="#60D4DE"/>
<path d="M146.762,526 C146.762,526 146.226,524.154 146.417,523.25 C146.638,522.203 148.071,520.5 148.071,520.5 C148.071,520.5 149.505,518.797 149.726,517.75 C149.917,516.846 149.381,515 149.381,515 C149.381,515 148.845,513.154 149.036,512.25 C149.257,511.203 150.69,509.5 150.69,509.5 C150.69,509.5 152.124,507.797 152.345,506.75 C152.536,505.846 152,504 152,504 L168.5,504 C168.5,504 169.933,505.703 170.155,506.75 C170.346,507.654 169.81,509.5 169.81,509.5 C169.81,509.5 169.273,511.346 169.464,512.25 C169.686,513.297 171.119,515 171.119,515 C171.119,515 172.552,516.703 172.774,517.75 C172.965,518.654 172.429,520.5 172.429,520.5 C172.429,520.5 171.892,522.346 172.083,523.25 C172.305,524.297 173.738,526 173.738,526 z" fill="#60D4DE"/>
<path d="M147.966,517.759 C147.752,518.559 147.145,519.092 146.612,518.949 C146.078,518.806 145.82,518.041 146.034,517.241 C146.248,516.441 146.855,515.908 147.388,516.051 C147.922,516.194 148.18,516.959 147.966,517.759 z" fill="#60D4DE" opacity="0.5"/>
<path d="M149.799,507.75 C149.247,508.707 148.217,509.146 147.5,508.732 C146.783,508.318 146.649,507.207 147.201,506.25 C147.753,505.293 148.783,504.854 149.5,505.268 C150.217,505.682 150.351,506.793 149.799,507.75 z" fill="#60D4DE" opacity="0.5"/>
<path d="M171.422,511.708 C171.637,512.508 172.243,513.041 172.776,512.898 C173.31,512.755 173.569,511.99 173.354,511.19 C173.14,510.39 172.533,509.857 172,510 C171.467,510.143 171.208,510.908 171.422,511.708 z" fill="#60D4DE" opacity="0.5"/>
<path d="M174.299,522.75 C174.851,523.707 175.881,524.146 176.598,523.732 C177.316,523.318 177.449,522.207 176.897,521.25 C176.345,520.293 175.316,519.854 174.598,520.268 C173.881,520.682 173.747,521.793 174.299,522.75 z" fill="#60D4DE" opacity="0.5"/>
<path d="M182,531.5 C182,532.881 180.881,534 179.5,534 C178.119,534 177,532.881 177,531.5 C177,530.119 178.119,529 179.5,529 C180.881,529 182,530.119 182,531.5 z" fill="#60D4DE"/>
<path d="M181,531.5 C181,532.328 180.328,533 179.5,533 C178.672,533 178,532.328 178,531.5 C178,530.672 178.672,530 179.5,530 C180.328,530 181,530.672 181,531.5 z" fill="#FFFFFF"/>
<path d="M143,531.5 C143,532.881 141.881,534 140.5,534 C139.119,534 138,532.881 138,531.5 C138,530.119 139.119,529 140.5,529 C141.881,529 143,530.119 143,531.5 z" fill="#60D4DE"/>
<path d="M142,531.5 C142,532.328 141.328,533 140.5,533 C139.672,533 139,532.328 139,531.5 C139,530.672 139.672,530 140.5,530 C141.328,530 142,530.672 142,531.5 z" fill="#FFFFFF"/>
</g>
<g id="img-railway-rail">
<path d="M93.5,503 L92,504 L91.531,506 L88.25,506 C87.696,506 87.384,506.463 87.25,507 L87,508 C86.866,508.537 87.446,509 88,509 L112,509 C112.554,509 113.134,508.537 113,508 L112.75,507 C112.616,506.463 112.304,506 111.75,506 L108.969,506 L108.5,504 L107,503 L106,504 L106.469,506 L94.031,506 L94.5,504 L93.5,503 z M91.5,507 C91.776,507 92,507.224 92,507.5 C92,507.776 91.776,508 91.5,508 C91.224,508 91,507.776 91,507.5 C91,507.224 91.224,507 91.5,507 z M108.5,507 C108.776,507 109,507.224 109,507.5 C109,507.776 108.776,508 108.5,508 C108.224,508 108,507.776 108,507.5 C108,507.224 108.224,507 108.5,507 z M90.562,510 L90.094,512 L87.25,512 C86.696,512 86.384,512.463 86.25,513 L86,514 C85.866,514.537 86.446,515 87,515 L113,515 C113.554,515 114.134,514.537 114,514 L113.75,513 C113.616,512.463 113.304,512 112.75,512 L110.406,512 L109.938,510 L107.438,510 L107.906,512 L92.594,512 L93.062,510 L90.562,510 z M90.5,513 C90.776,513 91,513.224 91,513.5 C91,513.776 90.776,514 90.5,514 C90.224,514 90,513.776 90,513.5 C90,513.224 90.224,513 90.5,513 z M109.5,513 C109.776,513 110,513.224 110,513.5 C110,513.776 109.776,514 109.5,514 C109.224,514 109,513.776 109,513.5 C109,513.224 109.224,513 109.5,513 z M89.156,516 L88.688,518 L86.25,518 C85.696,518 85.384,518.463 85.25,519 L85,520 C84.866,520.537 85.446,521 86,521 L114,521 C114.554,521 115.134,520.537 115,520 L114.75,519 C114.616,518.463 114.304,518 113.75,518 L111.812,518 L111.344,516 L108.844,516 L109.312,518 L91.188,518 L91.656,516 L89.156,516 z M89.5,519 C89.776,519 90,519.224 90,519.5 C90,519.776 89.776,520 89.5,520 C89.224,520 89,519.776 89,519.5 C89,519.224 89.224,519 89.5,519 z M110.5,519 C110.776,519 111,519.224 111,519.5 C111,519.776 110.776,520 110.5,520 C110.224,520 110,519.776 110,519.5 C110,519.224 110.224,519 110.5,519 z M87.719,522 L87,525 L88.5,526 L89.5,525 L90.219,522 L87.719,522 z M110.281,522 L111,525 L112,526 L113.5,525 L112.781,522 L110.281,522 z" fill="#A9A9A9" id="rect17528-7"/>
<g id="g22103">
<path d="M80,530 L120,530 L120,533 L80,533 z" fill="#A9A9A9" id="rect22091"/>
<path d="M114,531 L119,531 L119,532 L114,532 z" fill="#FFFFFF" id="rect22093"/>
<path d="M103,531 L108,531 L108,532 L103,532 z" fill="#FFFFFF" id="rect22095"/>
<path d="M92,531 L97,531 L97,532 L92,532 z" fill="#FFFFFF" id="rect22097"/>
<path d="M81,531 L86,531 L86,532 L81,532 z" fill="#FFFFFF" id="rect22099"/>
<path d="M93.5,503 L92,504 L91.531,506 L88.25,506 C87.696,506 87.384,506.463 87.25,507 L87,508 C86.866,508.537 87.446,509 88,509 L112,509 C112.554,509 113.134,508.537 113,508 L112.75,507 C112.616,506.463 112.304,506 111.75,506 L108.969,506 L108.5,504 L107,503 L106,504 L106.469,506 L94.031,506 L94.5,504 L93.5,503 z M91.5,507 C91.776,507 92,507.224 92,507.5 C92,507.776 91.776,508 91.5,508 C91.224,508 91,507.776 91,507.5 C91,507.224 91.224,507 91.5,507 z M108.5,507 C108.776,507 109,507.224 109,507.5 C109,507.776 108.776,508 108.5,508 C108.224,508 108,507.776 108,507.5 C108,507.224 108.224,507 108.5,507 z M90.562,510 L90.094,512 L87.25,512 C86.696,512 86.384,512.463 86.25,513 L86,514 C85.866,514.537 86.446,515 87,515 L113,515 C113.554,515 114.134,514.537 114,514 L113.75,513 C113.616,512.463 113.304,512 112.75,512 L110.406,512 L109.938,510 L107.438,510 L107.906,512 L92.594,512 L93.062,510 L90.562,510 z M90.5,513 C90.776,513 91,513.224 91,513.5 C91,513.776 90.776,514 90.5,514 C90.224,514 90,513.776 90,513.5 C90,513.224 90.224,513 90.5,513 z M109.5,513 C109.776,513 110,513.224 110,513.5 C110,513.776 109.776,514 109.5,514 C109.224,514 109,513.776 109,513.5 C109,513.224 109.224,513 109.5,513 z M89.156,516 L88.688,518 L86.25,518 C85.696,518 85.384,518.463 85.25,519 L85,520 C84.866,520.537 85.446,521 86,521 L114,521 C114.554,521 115.134,520.537 115,520 L114.75,519 C114.616,518.463 114.304,518 113.75,518 L111.812,518 L111.344,516 L108.844,516 L109.312,518 L91.188,518 L91.656,516 L89.156,516 z M89.5,519 C89.776,519 90,519.224 90,519.5 C90,519.776 89.776,520 89.5,520 C89.224,520 89,519.776 89,519.5 C89,519.224 89.224,519 89.5,519 z M110.5,519 C110.776,519 111,519.224 111,519.5 C111,519.776 110.776,520 110.5,520 C110.224,520 110,519.776 110,519.5 C110,519.224 110.224,519 110.5,519 z M87.719,522 L87,525 L88.5,526 L89.5,525 L90.219,522 L87.719,522 z M110.281,522 L111,525 L112,526 L113.5,525 L112.781,522 L110.281,522 z" fill="#A9A9A9"/>
<g>
<path d="M80,530 L120,530 L120,533 L80,533 z" fill="#A9A9A9"/>
<path d="M114,531 L119,531 L119,532 L114,532 z" fill="#FFFFFF"/>
<path d="M103,531 L108,531 L108,532 L103,532 z" fill="#FFFFFF"/>
<path d="M92,531 L97,531 L97,532 L92,532 z" fill="#FFFFFF"/>
<path d="M81,531 L86,531 L86,532 L81,532 z" fill="#FFFFFF"/>
</g>
<path d="M122,531.5 C122,532.881 120.881,534 119.5,534 C118.119,534 117,532.881 117,531.5 C117,530.119 118.119,529 119.5,529 C120.881,529 122,530.119 122,531.5 z" fill="#A9A9A9" id="path26156"/>
<path d="M121,531.5 C121,532.328 120.328,533 119.5,533 C118.672,533 118,532.328 118,531.5 C118,530.672 118.672,530 119.5,530 C120.328,530 121,530.672 121,531.5 z" fill="#FFFFFF" id="path26158"/>
<path d="M83,531.5 C83,532.881 81.881,534 80.5,534 C79.119,534 78,532.881 78,531.5 C78,530.119 79.119,529 80.5,529 C81.881,529 83,530.119 83,531.5 z" fill="#A9A9A9" id="path26160"/>
<path d="M82,531.5 C82,532.328 81.328,533 80.5,533 C79.672,533 79,532.328 79,531.5 C79,530.672 79.672,530 80.5,530 C81.328,530 82,530.672 82,531.5 z" fill="#FFFFFF" id="path26162"/>
<path d="M122,531.5 C122,532.881 120.881,534 119.5,534 C118.119,534 117,532.881 117,531.5 C117,530.119 118.119,529 119.5,529 C120.881,529 122,530.119 122,531.5 z" fill="#A9A9A9"/>
<path d="M121,531.5 C121,532.328 120.328,533 119.5,533 C118.672,533 118,532.328 118,531.5 C118,530.672 118.672,530 119.5,530 C120.328,530 121,530.672 121,531.5 z" fill="#FFFFFF"/>
<path d="M83,531.5 C83,532.881 81.881,534 80.5,534 C79.119,534 78,532.881 78,531.5 C78,530.119 79.119,529 80.5,529 C81.881,529 83,530.119 83,531.5 z" fill="#A9A9A9"/>
<path d="M82,531.5 C82,532.328 81.328,533 80.5,533 C79.672,533 79,532.328 79,531.5 C79,530.672 79.672,530 80.5,530 C81.328,530 82,530.672 82,531.5 z" fill="#FFFFFF"/>
</g>
<g id="img-highway-unclassified">
<path d="M32.5,505 L29.625,511 L28,511 L27,512 L27,514 L28.406,514 L28,515 L28,520 L28,521 L28,521 C28,521 28.608,521.608 29,522 L30,522 L34,522 L36,523 L44,523 L46,522 L50,522 L51,522 L52,521 L52,521 L52,520 L52,515 L51.594,514 L53,514 L53,512 L52,511 L50.375,511 L47.5,505 z M33.5,508 L46.5,508 L48,512 L47,513 L33,513 L32,512 z M31,516 L34,516 L35,518 L35,519 L31,519 L30,518 L30,517 z M46,516 L49,516 L50,517 L50,518 L49,519 L45,519 L45,518 z M29,523 L29,525 L30,526 L33,526 L34,525 L34,523 z M46,523 L46,525 L47,526 L50,526 L51,525 L51,523 z" fill="#A9A9A9" id="path7143"/>
<path d="M21,531 L59,531 L59,532 L21,532 z" fill="#7092FF" id="rect7157"/>
<g id="g7159">
<path d="M20.5,530 C19.119,530 18,531.119 18,532.5 C18,533.881 19.119,535 20.5,535 L59.5,535 C60.881,535 62,533.881 62,532.5 C62,531.119 60.881,530 59.5,530 z" fill="#A9A9A9" id="path7161"/>
<path d="M22.5,531 C22.81,531.416 23,531.941 23,532.5 C23,533.059 22.81,533.584 22.5,534 L57.5,534 C57.19,533.584 57,533.059 57,532.5 C57,531.941 57.19,531.416 57.5,531 L22.5,531 z" fill="#FFFFFF" id="path7163"/>
<path d="M22,532.5 C22,533.328 21.328,534 20.5,534 C19.672,534 19,533.328 19,532.5 C19,531.672 19.672,531 20.5,531 C21.328,531 22,531.672 22,532.5 z" fill="#FFFFFF" id="path7165"/>
<path d="M61,532.5 C61,533.328 60.328,534 59.5,534 C58.672,534 58,533.328 58,532.5 C58,531.672 58.672,531 59.5,531 C60.328,531 61,531.672 61,532.5 z" fill="#FFFFFF" id="path7169"/>
<path d="M32.5,505 L29.625,511 L28,511 L27,512 L27,514 L28.406,514 L28,515 L28,520 L28,521 L28,521 C28,521 28.608,521.608 29,522 L30,522 L34,522 L36,523 L44,523 L46,522 L50,522 L51,522 L52,521 L52,521 L52,520 L52,515 L51.594,514 L53,514 L53,512 L52,511 L50.375,511 L47.5,505 z M33.5,508 L46.5,508 L48,512 L47,513 L33,513 L32,512 z M31,516 L34,516 L35,518 L35,519 L31,519 L30,518 L30,517 z M46,516 L49,516 L50,517 L50,518 L49,519 L45,519 L45,518 z M29,523 L29,525 L30,526 L33,526 L34,525 L34,523 z M46,523 L46,525 L47,526 L50,526 L51,525 L51,523 z" fill="#A9A9A9"/>
<path d="M21,531 L59,531 L59,532 L21,532 z" fill="#7092FF"/>
<g>
<path d="M20.5,530 C19.119,530 18,531.119 18,532.5 C18,533.881 19.119,535 20.5,535 L59.5,535 C60.881,535 62,533.881 62,532.5 C62,531.119 60.881,530 59.5,530 z" fill="#A9A9A9"/>
<path d="M22.5,531 C22.81,531.416 23,531.941 23,532.5 C23,533.059 22.81,533.584 22.5,534 L57.5,534 C57.19,533.584 57,533.059 57,532.5 C57,531.941 57.19,531.416 57.5,531 L22.5,531 z" fill="#FFFFFF"/>
<path d="M22,532.5 C22,533.328 21.328,534 20.5,534 C19.672,534 19,533.328 19,532.5 C19,531.672 19.672,531 20.5,531 C21.328,531 22,531.672 22,532.5 z" fill="#FFFFFF"/>
<path d="M61,532.5 C61,533.328 60.328,534 59.5,534 C58.672,534 58,533.328 58,532.5 C58,531.672 58.672,531 59.5,531 C60.328,531 61,531.672 61,532.5 z" fill="#FFFFFF"/>
</g>
</g>
</g>
<g id="landuse-images">
<path d="M0,400 L200,400 L200,480 L0,480 z" fill="#FFFFFF" id="rect9903"/>
<path d="M128.955,427.415 C126.526,433.621 112.429,437.423 97.471,435.906 C82.513,434.39 72.36,428.129 74.795,421.924 C77.229,415.721 91.324,411.921 106.278,413.437 C121.231,414.953 131.384,421.211 128.955,427.415 z" fill="#7092FF" id="path10275"/>
<path d="M53,436 L18,446 L18,440 L53,430 z" fill="#A9A9A9" id="path9990"/>
<path d="M54,430.5 L54,436.5 L83,451 L83,445 L54,430.5 z" fill="#A9A9A9" id="path9986"/>
<path d="M173.5,428 C172.271,428 171.272,428.893 171.062,430.062 C170.879,430.02 170.697,430 170.5,430 C169.119,430 168,431.119 168,432.5 C168,433.139 168.23,433.714 168.625,434.156 C167.68,434.513 167,435.43 167,436.5 C167,437.881 168,439 169.5,439 L170,439 L172,442.5 L172,443.938 C170.521,443.506 169.114,443.057 168,442.5 C163,440 158.566,435.517 153,435 C146.959,434.439 141.333,438.333 135.5,440 C129.667,441.667 118.561,441.959 118,448 L148,463 L183,453 C183.326,449.495 179.292,446.013 175,444.781 L175,442.5 L177,439 L177.719,439 C179,439.014 180,437.805 180,436.5 C180,435.43 179.32,434.513 178.375,434.156 C178.77,433.714 179,433.139 179,432.5 C179,431.119 177.881,430 176.5,430 C176.303,430 176.121,430.02 175.938,430.062 C175.728,428.893 174.729,428 173.5,428 z M172,439 L175,439 L174,441 L173,441 z" fill="#8CD05F" id="path10000"/>
<g id="path10048">
<path d="M0,400 L200,400 L200,480 L0,480 z" fill="#FFFFFF"/>
<path d="M128.955,427.415 C126.526,433.621 112.429,437.423 97.471,435.906 C82.513,434.39 72.36,428.129 74.795,421.924 C77.229,415.721 91.324,411.921 106.278,413.437 C121.231,414.953 131.384,421.211 128.955,427.415 z" fill="#7092FF"/>
<path d="M53,436 L18,446 L18,440 L53,430 z" fill="#A9A9A9"/>
<path d="M54,430.5 L54,436.5 L83,451 L83,445 L54,430.5 z" fill="#A9A9A9"/>
<path d="M173.5,428 C172.271,428 171.272,428.893 171.062,430.062 C170.879,430.02 170.697,430 170.5,430 C169.119,430 168,431.119 168,432.5 C168,433.139 168.23,433.714 168.625,434.156 C167.68,434.513 167,435.43 167,436.5 C167,437.881 168,439 169.5,439 L170,439 L172,442.5 L172,443.938 C170.521,443.506 169.114,443.057 168,442.5 C163,440 158.566,435.517 153,435 C146.959,434.439 141.333,438.333 135.5,440 C129.667,441.667 118.561,441.959 118,448 L148,463 L183,453 C183.326,449.495 179.292,446.013 175,444.781 L175,442.5 L177,439 L177.719,439 C179,439.014 180,437.805 180,436.5 C180,435.43 179.32,434.513 178.375,434.156 C178.77,433.714 179,433.139 179,432.5 C179,431.119 177.881,430 176.5,430 C176.303,430 176.121,430.02 175.938,430.062 C175.728,428.893 174.729,428 173.5,428 z M172,439 L175,439 L174,441 L173,441 z" fill="#8CD05F"/>
<g>
<path d="M18,446 L48,461 L48,455 L18,440 z" fill="#C1C1C1"/>
<path d="M18,446 L48,461 L48,455 L18,440 z" fill-opacity="0" stroke="#FFFFFF" stroke-width="2"/>
</g>
<g id="path10050">
<g>
<path d="M83,451 L48,461 L48,455 L83,445 z" fill="#C1C1C1"/>
<path d="M83,451 L48,461 L48,455 L83,445 z" fill-opacity="0" stroke="#FFFFFF" stroke-width="2"/>
</g>
<path d="M18,446 L48,461 L48,455 L18,440 z" fill="#A9A9A9" id="path9980"/>
<path d="M83,451 L48,461 L48,455 L83,445 z" fill="#A9A9A9" id="path9982"/>
<path d="M107,417 C107,417 109.636,420.529 112.438,420.969 C107.96,420.816 107,419 107,419 C107,419 106.04,420.816 101.562,420.969 C104.364,420.529 107,417 107,417 z" fill="#FFFFFF" id="path10271"/>
<path d="M93,419 C93,419 95.636,422.529 98.438,422.969 C93.96,422.816 93,421 93,421 C93,421 92.04,422.816 87.562,422.969 C90.364,422.529 93,419 93,419 z" fill="#FFFFFF" id="path10269"/>
<path d="M103,424 C103,424 105.636,427.529 108.438,427.969 C103.96,427.816 103,426 103,426 C103,426 102.04,427.816 97.562,427.969 C100.364,427.529 103,424 103,424 z" fill="#FFFFFF" id="path10253"/>
<path d="M18,446 L48,461 L48,455 L18,440 z" fill="#A9A9A9"/>
<path d="M83,451 L48,461 L48,455 L83,445 z" fill="#A9A9A9"/>
<path d="M107,417 C107,417 109.636,420.529 112.438,420.969 C107.96,420.816 107,419 107,419 C107,419 106.04,420.816 101.562,420.969 C104.364,420.529 107,417 107,417 z" fill="#FFFFFF"/>
<path d="M93,419 C93,419 95.636,422.529 98.438,422.969 C93.96,422.816 93,421 93,421 C93,421 92.04,422.816 87.562,422.969 C90.364,422.529 93,419 93,419 z" fill="#FFFFFF"/>
<path d="M103,424 C103,424 105.636,427.529 108.438,427.969 C103.96,427.816 103,426 103,426 C103,426 102.04,427.816 97.562,427.969 C100.364,427.529 103,424 103,424 z" fill="#FFFFFF"/>
</g>
<g id="poi-images">
<path d="M0,320 L200,320 L200,400 L0,400 z" fill="#FFFFFF"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 250 KiB

After

Width:  |  Height:  |  Size: 255 KiB