📜 ⬆️ ⬇️

Search urban routes in 15 cities and 3 widgets for sites - See Kartu.ru

Project SeeMap.ru - City Routes . For the 9 months that have passed since my last post, a lot of work has been done. Now the search for routes works in 15 cities and more than 5 more are in the process of being added. I also want to talk about 3 interesting widgets for sites!




')

about the project


Search for routes of urban transport is now working in the following cities: Moscow, St. Petersburg, Novosibirsk, Samara, Tolyatti, Kazan, Almaty, Nikolaev, Tver, Riga, Kharkov, Nizhny Novgorod, Odessa, Zaporozhye.

Further: Kiev, Volgograd, Voronezh, Lviv, Daugavpils, Ryazan



Widget "Nearest Routes"


The most interesting widget! Specify your location (address) on the map and search radius, you get a map with all the routes passing by.

Very useful for companies and organizations! You can instantly provide visitors with information about the routes on which you can be reached!

For example. You are a wholesale trading company and you sell the goods by self-delivery (it’s really a problem if you are not in the center, I’ll say this from my own experience) and this widget will show all public transport passing by your office. (and the data is always relevant)

script example:
<script type="text/javascript"> var sm_t3_css_widget_width = 600; var sm_t3_css_widget_height = 300; var sm_t3_search_radious = 450; var sm_t3_css_common_body_background_color = "F6F6FF"; var sm_t3_css_common_border_width = 1; var sm_t3_css_common_border_color = "9dbccb"; var sm_t3_css_map_zoom = 15; var sm_t3_css_map_route_width = 6; var sm_t3_css_map_route_color = "d72424"; var sm_t3_css_panel_route_text_color = "0C556C"; var sm_t3_css_panel_route_background_color = "f9f9f9"; var sm_t3_css_panel_route_background_active_color = "FDD40C"; var sm_t3_css_panel_route_border_dottet_color = "0C576E"; </script> <script type="text/javascript" src="http://www.seemap.ru/widgetjs?t=3&id=2&v=1"></script></div> 


Everything is set up! Map dimensions, colors, width of the movement path.

For example. Faculty PM-PU SPSU in Peterhof and the nearest routes within a radius of 450 meters


or by changing colors:




Route Widget


You can embed a map with one specific route onto the site.

 <script type="text/javascript"> var sm_t1_map_zoom = 12; var sm_t1_map_width = 470; var sm_t1_map_height = 300; var sm_t1_route_id = 13; var sm_t1_route_color = "d72424"; var sm_t1_route_width = 7; </script> <script type="text/javascript" src="http://www.seemap.ru/widgetjs?t=1&v=1"></script> 


Changing the parameters of js-variables, you can completely change the widget to your liking:
  • width, height, scale of the map
  • trajectory color and width

Route taxi â„–258 in St. Petersburg


The location code is on the appropriate route page. (or if you know its id, you can change the sm_t1_route_id js code)


Widget "List of city routes"



And this widget allows you to display on the map any route available in the city.

When adding to the site, you must first “register” it, like the first widget.

Sample code:
 <script type="text/javascript"> var sm_t2_css_map_border_width = 1; var sm_t2_css_map_border_color = "9dbccb"; var sm_t2_css_map_width = 600; var sm_t2_css_map_height = 340; var sm_t2_css_map_route_width = 6; var sm_t2_css_map_route_color = "0C556C"; var sm_t2_css_panel_background_color = "E7EEF5"; var sm_t2_css_panel_route_color = "0C556C"; var sm_t2_css_panel_popup_background_color = "E7EEF5"; </script> <script type="text/javascript" src="http://www.seemap.ru/widgetjs?t=2&id=3&v=1"></script> 


As you can see, here you can completely change the design (colors, sizes, width of the trajectory, color of the trajectory, background color, zoom card, etc.)




Widgets can be “registered” on the main page of the site by clicking on the “Widgets” tab or viewed in action.

In short, that's all I wanted to talk about. Just do not forget to leave a comment! Your opinion is very important! Thank.

Links to previous publications
habrahabr.ru/blogs/i_am_advertising/78500
habrahabr.ru/blogs/i_am_advertising/85285

Source: https://habr.com/ru/post/107588/


All Articles