CINXE.COM

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta property="og:image" content="https://maps.visicom.ua/en/image/planet3?s=573x300&style=base_en&c=30.51144,50.45499&z=12" /> <meta property="og:image:width" content="573" /> <meta property="og:image:height" content="300" /> <meta property="og:image" content="https://maps.visicom.ua/en/image/planet3?s=573x300&style=base_en&c=30.51144,50.45499&z=12" /> <meta property="og:title" content="Visicom maps" /> <meta property="og:type" content="website" /> <title>Ukraine — Visicom maps</title> <meta name="description" content="Detailed map of Ukraine and other countries, detailed catalog of companies, places of interest (POI), calculation of road routes, high-quality printing to PDF, elevation profile, tracking objects, visualizing spatial data on map, map for webpage" /> <meta property="og:description" content="Detailed map of Ukraine and other countries, detailed catalog of companies, places of interest (POI), calculation of road routes, high-quality printing to PDF, elevation profile, tracking objects, visualizing spatial data on map, map for webpage" /> <meta name="google" content="notranslate" /> <meta name="google-site-verification" content="dlSwEptmwEYD_BElo_i4a0mJJGCEOC9up_Nb3FpSBM8" /> <meta name="format-detection" content="telephone=no"> <link rel="icon" type="image/png" href="https://maps.visicom.ua/img/site-icon.png" /> <link rel="stylesheet" href="https://maps.visicom.ua/css" /> <link rel="dns-prefetch" href="//tms.visicom.ua"> <link rel="dns-prefetch" href="//tms0.visicom.ua"> <link rel="dns-prefetch" href="//tms1.visicom.ua"> <link rel="dns-prefetch" href="//tms2.visicom.ua"> <link rel="dns-prefetch" href="//tms3.visicom.ua"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RJG1P84GL0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RJG1P84GL0'); </script> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://maps.visicom.ua", "potentialAction": { "@type": "SearchAction", "target": "https://maps.visicom.ua/en/fts?q=${search_term_string}&c=30.51144,50.45499,12&co=ua", "query-input": "required name=search_term_string" } } </script> </head> <body> <div id="app"> <div id="header"> <div id="menu"></div> <div id="search"> <input id="input-hint"/> <input class="input" type="text" spellcheck="false" placeholder="Search places, pois, addresses..." /> <button class="clear"></button> <button class="search disable" title="Search"></button> <button class="microphone microphone-off" title="Search"></button> </div> <div id="logo" class="en" title="Visicom"></div> </div> <div id="location"></div> <div id="links"> <ul class="left"> <li class="fb"><a href="https://www.facebook.com/mapsvisicom" rel="me nofollow" target="_blank" tabindex="-1">Facebook</a> <li><a href="https://api.visicom.ua" target="_blank">Developers</a> <li><a href="https://api.visicom.ua/en/company" target="_vhelp">About</a> </ul> <ul class="right api-info"> <li>Main tileset timestamp 2024-11-24 23:02:32</li> <li>API database timestamp 2024-11-23 23:30:44</li> <li>Data API engine version 5.0.1040</li> </ul> </div> <div id="panel"> <div id="tools"> <ul class="tool"> <li class="route" title="Routes"> <li class="print" title="Print"> <li class="other" title="Detail">  </ul> <ul class="lang"> <li class="language en"> </ul> </div> <div id="other" title="Detail"> <ul class="primary"> <li class="tracking" title="Tracking">Tracking <li class="code" title="Map on your site">Map on your site <li class="import" title="Add layer">Add layer </ul> <ul class="secondary"> <li class="elevation"><span class="link">Show elevation profile</span> <li><a href="http://poi.visicom.ua/en/add" target="visicom_poi">Add POI</a>  <li class="qrcode"><span class="link">Link in QR code</span> </ul> <ul class="category categories"></ul> <ul class="categories others"><li>Other</li></ul> <ul class="categories additional"></ul> </div> </div> <div id="panel-m"> <div id="logo-m" class="en" title="Visicom"></div> <div id="tools-m"> <ul class="primary"> <li class="route" title="Routes">Routes  </ul> <ul class="secondary"> <li><a href="http://poi.visicom.ua/en/add" target="visicom_poi">Add POI</a> </ul> </div> <div id="other-m" class="other-m" title="Detail"> <ul class="category categories"></ul> <ul class="categories others"><li>Other</li></ul> <ul class="categories additional"></ul> </div> <div id="language-m"> <ul> <li class="uk selected">Українська <li class="en">English </ul> </div> <div id="links-m"> <ul class="left"> <li class="fb"><a href="https://www.facebook.com/mapsvisicom" rel="me nofollow" target="_blank" tabindex="-1">Facebook</a> <li><a href="https://api.visicom.ua" target="_blank">Developers</a> <li><a href="https://api.visicom.ua/en/company" target="_vhelp">About</a> </ul> <ul class="right api-info"> <li>Main tileset timestamp 2024-11-24 23:02:32</li> <li>API database timestamp 2024-11-23 23:30:44</li> <li>Data API engine version 5.0.1040</li> </ul> </div> </div> <div id="canvas"> <div id="map"></div> <div id="zoom"> <ul> <li class="location" title="My location"> <li class="zoom-in" title="Zoom in"> <li class="zoom-out" title="Zoom out"> </ul> </div> <div id="scale"></div> <div id="attribution"> <div class="desc"></div> <ul class="en"> <li id="copyright"></li> <li>Map powered by <a tabindex="-1" href="http://leafletjs.com/" target="_blank">LeafLet</a></li> <li><a tabindex="-1" href="https://api.visicom.ua/en/docs/maps-agreement" target="_vhelp">Terms</a></li> </ul> </div> </div> <div id="suggest"> <ul></ul> <div class="not-found">Nothing found, try to change keywords</div> <div class="controls"> <div id="clear-history" class="button clear" title="Clear history"></div> </div> </div> <div id="list"> <div class="control"> <div class="close" title="Close"></div> </div> <div class="content"> <ul></ul> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button zoom" title="Show group"> </ul> </div> </div> </div> <div id="card"> <div class="control"> <div class="back" title="Back"></div> <div class="close" title="Clear"></div> <div class="hide" title="Hide"></div> </div> <div class="content"></div> <div class="distance-info"></div> </div> <div id="route"> <div class="control"> <div class="close" title="Clear"></div> <div class="hide" title="Hide"></div> </div> <div class="content"> <div class="header"> <div class="info"> <div class="title">Route</div> </div> </div> <div class="body"> <ul class="points"></ul> <div class="info"> <div class="button add" title="Add place"></div> <div class="distance-total">Route distance <span></span></div> </div> <ul class="options"> <li><span class="link back">Reverse route</span> <li><span class="link tsp">Route optimizer</span> <li><span class="link nottsp">Show original route</span> </ul> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button elevation" title="Route profile"> <li class="button share" title="Copy link"> </ul> </div> </div> </div> </div> <div id="tracking"> <div class="control"> <div class="close" title="Clear"></div> <div class="hide" title="Hide"></div> </div> <div class="content"> <div class="header"> <div class="info"> <div class="title">Tracking</div> </div> </div> <div class="body"> <input type="text" spellcheck="false" placeholder="Enter name or code" /> <div class="button add" title="Add device"></div> <div class="not-found">Name or code not found</div> <ul class="devices"></ul> <ul class="recent"></ul> </div> <div class="footer"> <div class="controls"> <ul class="left"> <a href="https://api.visicom.ua/en/products/tracker" target="_vhelp">Help</a> </ul> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </div> </div> <div id="other-layers"> <div class="control"> <div class="close" title="Clear"></div> </div> <div class="content"> <div class="header"> <div class="info"> <div class="title"></div> </div> </div> <div class="body"></div> <div class="footer"><div class="controls"></div></div> </div> </div> <div id="elevation"> <div class="control"> <div class="close" title="Clear"></div> <div class="hide" title="Hide"></div> </div> <div class="content"> <div class="header"> <div class="info"> <div class="title">Elevation profile</div> </div> </div> <div class="body"> <div class="help">Elevation profile is active while routes or distance measurements</div> <div class="route"> <div class="graph"></div> <div class="info"></div> </div> <div class="distance"> <div class="graph"></div> <div class="info"></div> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </div> </div> <div id="error"> <div class="control"> <div class="close" title="Close"></div> <div class="hide" title="Hide"></div> </div> <div class="content"> <div class="header"> <div class="info"> <div class="title">Report an error</div> </div> </div> <div class="body"> <div class="comment">Set mark on object or place where You noticed an error. Add short description. You can report about errors in object on map, poi, route and distance.</div> <textarea lang="en" placeholder="Describe an error or bug."></textarea> <input type="text" spellcheck="false" placeholder="From (e-mail)" /> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="send" title="Send">Send </ul> </div> </div> </div> </div> <div id="language"> <ul> <li class="uk selected">Українська <li class="en">English </ul> </div> <div id="cover"> <div id="print"> <div class="control"> <div class="close" title="Close"></div> </div> <div class="width-wrp"> <ul class="style"> </ul> <textarea class="comment" lang="en" placeholder="Add comment"></textarea> <select> <option value="a4_landscape">A4 Landscape <option value="a3_landscape">A3 Landscape <option value="a2_landscape">A2 Landscape </select> <ul class="options"> <li id="open_pdf">Print document <li id="download_pdf">Save document </ul> </div> </div> <div id="import"> <div class="control"> <div class="close" title="Close"></div> </div> <div class="width-wrp"> <div class="dragg"> <div class="info"> Drop files here, if your browser does not allow try another methods below. Allowed types are GeoJSON, NMEA, KML, GPX </div> <ul class="options"> <li id="open_file">Upload file <input id="file" type="file" /> <li id="insert_file">As text </ul> </div> <div class="insert"> <textarea id="text" spellcheck="false" placeholder="Paste here"></textarea> <ul class="options"> <li id="draw">Show </ul> </div> </div> </div> <div id="photo"> <div class="control"> <div class="close" title="Close"></div> </div> <div class="width-wrp"> <div class="image"></div> <div class="text"> <div class="title"></div> <div class="desc"></div> </div> </div> </div> <div id="qrcode"> <div class="control"> <div class="close" title="Close"></div> </div> <div class="width-wrp"> <div class="image"> </div> </div> </div> <div id="code"> <div class="control"> <div class="close"></div> </div> <div class="width-wrp"> <div id="map-code"> <div class="tc"> <div class="hint-width">700px</div> </div> <div class="rc"></div> <div class="bc"></div> <div class="lc"> <div class="hint-height">350px</div> </div> <div class="corner"></div> </div> <div class="elemets"> <input class="code" type="text" readonly/> <label> <input class="static" type="checkbox"/>Static map </label> <ul class="options"> <li id="copy-code">Copy </ul> </div> </div> </div> </div> <div id="message"></div> </div> </body> <script id="location-tpl" type="text/template"> <ul> <% for(var i in features) { %> <% var prop = features[i].properties %> <li> <% if(prop.categories !== 'adm_districts') { %> <a href="#" data-id="<%= features[i].id %>" tabindex="-1"><%= prop.name %></a> <%} else { %> <a href="#" data-id="<%= features[i].id %>" tabindex="-1"><%= prop.name + ' ' + prop.type %></a> <%} %> </li> <% } %> </ul> </script> <script id="context-tpl" type="text/template"> <ul> <% if(name !== '') { %> <li class="feat"><%= name %></li> <%} %> <li class="finish">Route to</li> <li class="start">Route from</li> <li class="distance">Measure distance</li> <li class="coords"><%= coords %> <span class="elevation"/></li> <li class="marker">Set mark</li> <li class="error">Report an error</li> </ul> </script> <script id="marker-contextmenu-tpl" type="text/template"> <ul> <li class="marker-delete">Drop mark <li class="finish">Route to </ul> </script> <script id="error-marker-contextmenu-tpl" type="text/template"> <ul> <li class="marker-delete">Drop mark </ul> </script> <script id="distance-contextmenu-tpl" type="text/template"> <ul> <li class="distance-elevation">Distance profile <li class="distance-delete">Remove distance <li class="distance-copy">Copy as GeoJSON </ul> </script> <script id="route-contextmenu-tpl" type="text/template"> <ul> <li class="route-elevation">Route profile <li class="route-delete">Remove route <li class="route-copy">Copy as GeoJSON </ul> </script><script id="categories-suggest" type="text/template"> <div class="title category"> <%= name %> </div> </script> <script id="poi-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.vitrine %> </div> <div class="desc"> <% if(prop.vitrine !== prop.name) { %> <%= prop.name %><% if(prop.address) { %>.<% } %> <%} if(prop.address) { %> <%= prop.address %> <% } %> </div> </script> <script id="tpm-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> </script> <script id="hst_district-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> </script> <script id="adm_place-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> </script> <script id="adm_country-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> </script> <script id="adm_level1-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.country + ", " + prop.name %> </div> </script> <script id="adm_level2-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> <div class="desc"> <%= prop.country + ", " + prop.level1 %> </div> </script> <script id="adm_level3-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name %> </div> <div class="desc"> <%= prop.level1 + ", " + prop.level2 %> </div> </script> <script id="adm_district-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= prop.name + " " + prop.type %> </div> <div class="desc"> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement) %> </div> </script> <script id="adm_settlement-suggest" type="text/template"> <% var prop = obj.properties; %>  <div class="title"> <%= Features.formatSettlementName(prop.type, prop.name) %> </div> <div class="desc"> <%= prop.country %> <% if(prop.level1) { %> <%= ", " + prop.level1 %> <%} if(prop.level2) {%> <%= ", " + prop.level2 %> <%} if(prop.level3) {%> <%= ", " + prop.level3 %> <% } %> </div> </script> <script id="adr_street-suggest" type="text/template"> <% var prop = obj.properties; %>  <% var str = (prop.type !== undefined ? prop.type + " " : "") + (prop.name !== undefined ? prop.name + ", " : "") + Features.formatSettlementName(prop.settlement_type, prop.settlement) %> <% if(str.length < 50){ %> <div class="title"> <%= str %> </div> <div class="desc"> <% if( prop.zone ){%> <%= prop.zone %> <% } %> </div> <% } else { %> <div class="title"> <%= prop.type + " " + prop.name %> </div> <div class="desc"> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement)%> <% if( prop.zone ){%> <%=", " + prop.zone %> <% } %> </div> <% } %> </script> <script id="adr_address-suggest" type="text/template"> <% var prop = obj.properties; %> <% var str = prop.settlement + ", " + prop.street_type + " " + prop.street + ", " + prop.name %>  <% if(str.length < 40){ %> <div class="title"> <%= str %> </div> <div class="desc"> <% if( prop.zone ){%> <%= prop.zone %> <% } %> </div> <% } else { %> <div class="title"> <%= prop.street_type + " " + prop.street + ", " + prop.name%> </div> <div class="desc"> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement) %> <% if( prop.zone ){%> <%=", " + prop.zone %> <% } %> </div> <% } %> </script> <script id="poi-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.vitrine %> </script> <script id="adm_level1-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.country + ", " + prop.name %> </script> <script id="adm_level2-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.name + ", " + prop.level1 %> </script> <script id="adm_level3-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.name + ", " + prop.level2 %> </script> <script id="adm_district-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.name + " " + prop.type %> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement) %> </script> <script id="adm_settlement-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= Features.formatSettlementName(prop.type, prop.name) %> <%= prop.country %> <% if(prop.level1) { %> <%= ", " + prop.level1 %> <%} if(prop.level2) {%> <%= ", " + prop.level2 %> <%} if(prop.level3) {%> <%= ", " + prop.level3 %> <% } %> </script> <script id="adr_street-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.type + " " + prop.name + ", "%> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement) %> </script> <script id="adr_address-suggest-route" type="text/template"> <% var prop = obj.properties; %>  <%= prop.settlement + ", " + prop.street_type + " " + prop.street + ", " + prop.name %> </script> <script id="poi-card" type="text/template"> <% var poi = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <% if (poi.vitrine) {%> <%=poi.vitrine%> <%}%> <% if(lang === "en") {%> <div class="small"><%=poi.name%></div> <%}%> </div> <div class="desc"> <% if(poi.address) {%> <%= Features.clean_address(poi.address) %> <%}%> <% if(poi.address_info) {%> (<%=poi.address_info%>) <%}%> </div> </div> </div> <div class="body"> <% if (poi.w24hours || poi.star) {%> <div class="additional"> <% if (poi.star) {%> <div class="star star<%= poi.star %>"></div> <%}%> <% if (poi.w24hours) {%> 24/7 <%}%> </div> <%}%> <% if (poi.phones && poi.phones.length > 0) {%> <div class="phones"> <ul> <% var phones = poi.phones; %> <% for(var i in phones ) {%> <li><a href="tel:<%=phones[i]%>"><%=phones[i]%></a></li> <%}%> </ul> </div> <%}%> <% if (poi.site_url) {%> <div class="site"> <a href="<%=poi.site_url%>" target="_blank"><%=poi.site_url%></a> </div> <%}%> <% if (poi.hotels24link) {%> <div class="partners"> <div class="link"> <a href="<%=poi.hotels24link%>" target="_blank"> <button class="book-hotel">Book</button> </a> </div> <div class="logo"> <img src="https://maps.visicom.ua/img/partner_h24.png" height="30" alt="Hotel 24" /> </div> <div class="phones"> <ul> <li><a href="tel:+380931705916">+380 (93) 170-59-16</a></li> </ul> </div> </div> <%}%> <% if (poi.photo1 || poi.photo2 || poi.photo3) {%> <ul class="images"> <%} if (poi.photo1) {%> <li><img data-photo="photo1" src="<%=poi.photo1%>?s=120:" width="120" alt="" /></li> <%} if (poi.photo2) {%> <li><img data-photo="photo2" src="<%=poi.photo2%>?s=120:" width="120" alt="" /></li> <%} if (poi.photo3) {%> <li><img data-photo="photo3" src="<%=poi.photo3%>?s=120:" width="120" alt="" /></li> <%} if (poi.photo1 || poi.photo2 || poi.photo3) {%> </ul> <%}%> <% if (poi.description) {%> <div class="comment"> <div><%=poi.description%></div> </div> <%}%> <% if (poi.categories) {%> <ul class="categories"> </ul> <%}%> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button route" title="Add to route"> <li class="button share" title="Copy link"> </ul> <ul class="left"> <li class="button edit" title="Change"> </ul> </div> </div> </script> <script id="hst_district-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name %> </div> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_country-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name %> </div> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_level1-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name %> </div> </div> </div> <div class="body"> <div class="desc"> <%= prop.country %> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_level2-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name %> </div> </div> </div> <div class="body"> <div class="desc"> <%= prop.country %>, <%= prop.level1 %> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_level3-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name %> </div> </div> </div> <div class="body"> <div class="desc"> <%= prop.country %>, <%= prop.level1 %>, <%= prop.level2 %> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_district-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name + " " + prop.type %> </div> </div> </div> <div class="body"> <div class="desc"> <%= Features.formatSettlementName(prop.settlement_type, prop.settlement) %>, <%= prop.level1 %> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adm_settlement-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.name%> </div> </div> </div> <div class="body"> <div class="desc"> <%= prop.type %> <%= prop.name %>, <%= prop.level1 %> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button route" title="Add to route"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adr_street-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.type%> <%= prop.name%> </div> <div class="desc"> <%= prop.settlement %> </div> </div> </div> <div class="body"> <div class="desc"> <a href="#" class="addresses">Show address</a> <ul class="address-list"></ul> </div> </div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button route" title="Add to route"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="adr_address-card" type="text/template"> <% var prop = obj.properties; %> <div class="header"> <div class="info"> <div class="title"> <%= prop.street_type %> <%= prop.street %>, <%= prop.name %> </div> <div class="desc"> <%= prop.settlement_type %> <%= prop.settlement %><% if (prop.postal_code) {%>,<span class="postal-code"> <%= prop.postal_code %> </span> <%}%> </div> </div> </div> <div class="body"></div> <div class="footer"> <div class="controls"> <ul class="right"> <li class="button route" title="Add to route"> <li class="button share" title="Copy link"> </ul> </div> </div> </script> <script id="code-context-tpl" type="text/template"> <ul> <li class="marker-add">Add mark</li> <li class="route-enable">Enable route</li> <li class="route-disable">Disable route</li> </ul> </script> <script id="code-marker-name-tpl" type="text/template"> <ul> <li class="marker-add-name"> <input type="text" spellcheck="false" placeholder="Enter name (Optional)"> <div class="button add" title="Add mark"></div> </li> </ul> </script> <script id="code-marker-delete-tpl" type="text/template"> <ul> <li class="marker-delete">Drop mark </ul> </script> <script id="code-point-contextmenu" type="text/template"> <ul> <li class="remove-point">Remove point </ul> </script> <script id="poi-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> <% if(obj.address) { %> <div class="desc"><%= obj.address %></div> <%}%> </script> <script id="adr_address-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adr_street-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adm_district-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adm_settlement-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adm_level1-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adm_level2-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <script id="adm_level3-result" type="text/template"> <div class="title"> <%= Features.name(obj) %> </div> </script> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter id="blur1" x="-100%" y="-100%" width="400%" height="400%"> <feGaussianBlur stdDeviation="2"></feGaussianBlur> </filter> </defs> <style> .graph svg{ width:100%; } .result-bg { fill: #646464; filter: url(#blur1); } .result-fill { fill: #ff0000; stroke: #ffffff; stroke-width: 2.3px; fill-opacity: 0.9; } .result_text-bg, .result_text-stroke, .result_text-fill { font-family: "Open sans", sans-serif; font-weight: 600; font-size: 15px; font-style: italic; } .result_text-bg { fill: #646464; stroke: #646464; stroke-width: 1; filter: url(#blur1); } .result_text-stroke { fill: #ffffff; stroke: #ffffff; stroke-width: 3.7; } .result_text-fill { fill: #ff0000; } .context-bg { fill: #2d2d2d; filter: url(#blur1); } .context-fill { fill: #000000; stroke: #ffffff; stroke-width: 1.3px; } .context-t { fill: #2d2d2d; fill-opacity: 1; } .selected-bg { fill: #646464; filter: url(#blur1); } .selected-fill { fill: #ff0000; fill-opacity: 0.9; stroke: #ffffff; stroke-width: 2.3px; } .selected .t { fill: #ff0000; fill-opacity: 1; } .selected_line-bg { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #808080; stroke-width: 4; stroke-opacity: 0.3; } .selected_line-stroke { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #ffffff; stroke-width: 5; } .selected_line-fill { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #ff0000; stroke-width: 2; } .selected_polygon-border-bg { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #646464; filter: url(#blur1); } .selected_polygon-border-stroke { stroke-linecap: round; stroke-linejoin: round; fill: #ff0000; stroke: #ffffff; stroke-width: 5; fill-opacity: 0.1; } .selected_polygon-fill { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #ff0000; stroke-width: 2; } .selected_polygon-fill-hoverable { stroke-linecap: round; stroke-linejoin: round; fill: #ff0000; stroke: #ff0000; stroke-width: 2; fill-opacity:0.01; } .selected_polygon-border-stroke-hover { fill-opacity: 0.2; } .distance_line-fill { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #2a2a2a; stroke-width: 2; } .route-line-fill { stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: #0000ff; stroke-width: 2; } .track-curve { fill: none; stroke-width: 2; } .track-shadow { fill: none; stroke-width: 4; stroke: #808080; stroke-opacity: 0.3; } .track-line { fill: none; stroke-opacity: 0.5; } .track-circle { fill-opacity: 0.2; stroke-width: 0; cursor: pointer; } circle.icon { fill-opacity: 1; stroke: #ffffff; stroke-width: 2; stroke-opacity: 1; cursor: pointer; } circle.shadow { opacity: 0.5; fill: #808080; stroke-width: 0; opacity: 0.5; } </style> </svg> <script> lang = "en"; defaultLang = "en"; hasElevation = true; langParam = "?lang=" + lang; shareImage = "https://maps.visicom.ua/en/image/planet3?s=573x300&style=base_en&c=30.51144,50.45499&z=12"; center = "103.850281,1.289987,12"; place = ""; tms_url = "https://tms.visicom.rest/2.0.0/"; print_url = "https://maps.visicom.ua/en/pdf"; base_path = "https://maps.visicom.ua"; iframe_url = "https://maps.visicom.ua/iframe/"; trackingUrl = "https://maps.visicom.ua/tracking/1.0"; api_proxy_url = "https://maps.visicom.ua/proxy/en"; resource_base_path = "https://maps.visicom.ua/en"; head_title = "Visicom maps"; search_not_found = "Nothing found, try to change keywords"; route_start_str = "Start"; route_finish_str = "Finish"; route_search_placeholder = "Find place or click on the map"; error_note_sent = "Send"; distance_begin_str = "Start"; distance_direct = "distance_direct "; distance_road = "distance_road"; tracking_accuracy = "Accuracy"; tracking_add_device = "Add device"; tracking_show_track = "Show/Hide track"; import_unsuported = "Unsupported files, please try another format"; code_info = "Copy HTML-code"; elevation_rise = "Cumulative elevation"; elevation_axis = "Elevation (m)"; active_copy = "Link copied"; active_code_copy = "Code copied"; active_coord_copy = "Coordinates copied"; print_styles = { "maps": { "uk": [ "planet3.print", "planet3.base" ], "ru": [ "planet3.print_ru", "planet3.base_ru" ], "en": [ "planet3.print_en", "planet3.base_en" ] } } ; otherLayersJson = []; otherLayersJson = [{"name_ru":"Контейнеры для отходов","name_default":"containers","name_uk":"Контейнери для відходів","name":"0","disabled":false,"name_en":"Waste containers"},{"name_ru":"","name_default":"bikeroutestest17042019","name_uk":"","name":"bikeroutestest17042019","disabled":true,"name_en":""},{"name_ru":"","name_default":"Виборчі округи","name_uk":"","name":"constituencies","disabled":true,"name_en":""},{"name_ru":"Деревья Бережан","name_default":"Дерева Бережан","name_uk":"Дерева Бережан","name":"dereva_berezhan","disabled":true,"name_en":"Berezhani trees"},{"name_ru":"Запрещенные пляжи Киева","name_default":"Заборонені пляжі Києва","name_uk":"Заборонені пляжі Києва","name":"kyiv_restricted_beaches","disabled":true,"name_en":"Kyiv restricted beaches"},{"name_ru":"","name_default":"t","name_uk":"","name":"Oak_trees_Teterev","disabled":true,"name_en":""},{"name_ru":"Вековые деревья Киева","name_default":"Найстаріші дерева Києва","name_uk":"Найстаріші дерева Києва","name":"oldesttrees","disabled":true,"name_en":"The eldest Kyiv trees"},{"name_ru":"Старейшие деревья Украины","name_default":"Найстаріші дерева України","name_uk":"Найстаріші дерева України","name":"oldesttreesukraine","disabled":false,"name_en":"The eldest trees of Ukraine"},{"name_ru":"Границы фотоконкурса «Природа Подесенья»","name_default":"Межі фотоконкурсу «Природа Подесення»","name_uk":"Межі фотоконкурсу «Природа Подесення»","name":"photo_podesennia","disabled":true,"name_en":""}]; </script> <script src="https://maps.visicom.ua/js/js/lib.v1.0.6.js"></script> <script src="https://maps.visicom.ua/js/js/app.v1.1.23.js"></script> </html>