Geekly Articles each Day

15都市の都市ルートとサイト用の3つのウィジェットを検索-Kartu.ruを参照

SeeMap.ruプロジェクト-都市ルート 。 前回の投稿から9か月で大きな作業が行われました。 現在、ルート検索は15都市で機能しており、 5 都市以上が追加されています。 また、サイト用の3つの興味深いウィジェットについても話したいと思います！





プロジェクトについて


公共交通機関のルートの検索は、モスクワ、サンクトペテルブルグ、ノボシビルスク、サマラ、トリアッティ、カザン、アルマトイ、ニコラエフ、トヴェリ、リガ、ハリコフ、ニジニノヴゴロド、オデッサ、ザポロジエの各都市で機能するようになりました。

さらに：キエフ、ヴォルゴグラード、ヴォロネジ、リヴィウ、ダウガフピルス、リャザン



最寄ルートウィジェット


最も興味深いウィジェット！ 地図上のあなたの場所（住所）と検索範囲を指定すると、すべてのルートが通過する地図が得られます。

企業や組織にとって非常に便利です！ あなたはすぐにあなたが到達できるルートに関する情報を訪問者に提供することができます！

たとえば。 あなたは卸売商社であり、自分で商品を販売しています（あなたが中心にいない場合、あなたを見つけるのは本当に問題です。私自身の経験からこれを言います）。このウィジェットはあなたのオフィスを通る公共交通機関をすべて表示します。 （さらに、データは常に関連しています）

スクリプトの例：
<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>


すべてが設定されました！ マップの寸法、色、移動軌跡の幅。

たとえば。 ペテルゴフのサンクトペテルブルク州立大学の応用数学と数学の学部と半径450メートル以内の最も近いルート


または色を変更することにより：




ルートウィジェット


サイト上の特定の1つのルートでマップを埋め込むことができます。

 <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>


js変数のパラメーターを変更することにより、ウィジェットを好みに合わせて完全に変更できます。
  • 幅、高さ、地図の縮尺
  • パスの色と幅

サンクトペテルブルクのミニバスタクシー番号258


宿泊施設のコードは、ルートの対応するページにあります。 （または、そのIDがわかっている場合は、jsコードで「sm_t1_route_id」を変更できます）


都市ルート一覧ウィジェット



また、このウィジェットを使用すると、市内で利用可能なルートを地図上に表示できます。

サイトに追加する場合、最初のウィジェットのように、最初に「登録」する必要があります。

サンプルコード：
 <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>


ご覧のとおり、ここでデザイン（色、サイズ、パス幅、パス色、背景色、マップズームなど）を完全に変更できます。




ウィジェットは、「ウィジェット」タブをクリックするか、実際の動作を確認することで、サイトのメインページに 「登録」できます。

要するに、私が話したかったのはそれだけです。 コメントを残すことを忘れないでください！ あなたの意見は非常に重要です！ ありがとう

以前の出版物へのリンク
habrahabr.ru/blogs/i_am_advertising/78500
habrahabr.ru/blogs/i_am_advertising/85285

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

More articles:


All Articles