templates/pages/map_search/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
  3. {% block meta_og_title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
  4. {% block meta_twitter_title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
  5. {% block meta_description %}
  6. {{ parent() }}
  7. エリアを絞り込んでマップ検索が可能です。
  8. {% endblock %}
  9. {% block meta_og_description %}
  10. {{ parent() }}
  11. エリアを絞り込んでマップ検索が可能です。
  12. {% endblock %}
  13. {% block javascripts %}
  14. <script>
  15. window.icon_facility = "{{ asset('build/images/map_search/facility_icon.png') }}";
  16. window.icon_workspace = "{{ asset('build/images/map_search/workspace_icon.png') }}";
  17. window.icon_activity = "{{ asset('build/images/map_search/activity_icon.png') }}";
  18. window.icon_mobility = "{{ asset('build/images/map_search/mobility_icon.png') }}";
  19. </script>
  20.   {{ parent() }}
  21. {% endblock %}
  22. {% block extraHeader %}
  23. <link rel="canonical" content="{{ absolute_url(path('map_search_index')) }}">
  24. {% endblock %}
  25. {% block body %}
  26. <main id="map_search">
  27.   <section class="guide">
  28.     <div class="guideContainer">
  29.       <div class="guideContainer__breadcrumbs">
  30.         <a href="{{ path('top') }}">{{'common.top'|trans|raw }}</a>
  31.         <span class="guideContainerBreadcrumbs__arrow"></span>
  32.         <div>{{ 'map_search.title'|trans }}</div>
  33.       </div>
  34.     </div>
  35.   </section>
  36.   <section class="mapSearchButton">
  37.     <a href="{{ path('top') }}" class="buttonContainer__back">
  38.         <span></span>
  39.         {{ 'common.return'|trans }}
  40.     </a>
  41.     <div class="mapSearchButton__type">
  42.       <div class="mapSearchButtonType__item">
  43.         <div class="mapSearchButtonTypeItem__icon icon--activity">
  44.           <img src="{{ asset('build/images/map_search/icon_activity.png') }}" alt="">
  45.         </div>
  46.         <h5>{{ 'common.entry.activity'|trans }}・{{ 'common.entry.mobility'|trans }} <span>{{ '%03d'|format(counts.2.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  47.         <label class="mapSearch__checkbox">
  48.           <input type="checkbox" name="category" value="8">
  49.           <span></span>
  50.         </label>
  51.       </div>
  52.       <div class="mapSearchButtonType__item">
  53.         <div class="mapSearchButtonTypeItem__icon icon--facility">
  54.           <img src="{{ asset('build/images/map_search/icon_facility.png') }}" alt="">
  55.         </div>
  56.         <h5>{{ 'common.entry.facility'|trans }} <span>{{ '%03d'|format(counts.0.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  57.         <label class="mapSearch__checkbox">
  58.           <input type="checkbox" name="category" value="2">
  59.           <span></span>
  60.         </label>
  61.       </div>
  62.       <div class="mapSearchButtonType__item">
  63.         <div class="mapSearchButtonTypeItem__icon icon--workspace">
  64.           <img src="{{ asset('build/images/map_search/icon_workspace.png') }}" alt="">
  65.         </div>
  66.         <h5>{{ 'common.entry.workspace'|trans }} <span>{{ '%03d'|format(counts.1.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  67.         <label class="mapSearch__checkbox">
  68.           <input type="checkbox" name="category" value="4">
  69.           <span></span>
  70.         </label>
  71.       </div>
  72.     </div>
  73.     <label class="listmap__checkbox">
  74.       <input type="checkbox" class="js-listmap-toggle">
  75.       <span></span>
  76.     </label>
  77.   </section>
  78.   <section class="mapSearchResult">
  79.     <div class="mapSearchResult__list js-list">
  80.       <div class="js-map-search__list_container"></div>
  81.     </div>
  82.     <div class="mapSearchResult__map js-map">
  83.       <div
  84.         id="js-map-search"
  85.         class="js-map-search"
  86.         data-api-endpoint="{{ path('map_search_api') }}"
  87.       ></div>
  88.       <div class="mapSearchResultMap__button">
  89.         <div class="js-map-search__area-choice">
  90.           <label class="mapSearch__radio">
  91.             <input type="radio" name="mapsearch_radio" checked value="hokusei">
  92.             <span>{{ 'map_search.map-inner.area1'|trans }}</span>
  93.           </label>
  94.           <label class="mapSearch__radio">
  95.             <input type="radio" name="mapsearch_radio" value="chunansei">
  96.             <span>{{ 'map_search.map-inner.area2'|trans }}</span>
  97.           </label>
  98.           <label class="mapSearch__radio">
  99.             <input type="radio" name="mapsearch_radio" value="isesima">
  100.             <span>{{ 'map_search.map-inner.area3'|trans }}</span>
  101.           </label>
  102.           <label class="mapSearch__radio">
  103.             <input type="radio" name="mapsearch_radio" value="iga">
  104.             <span>{{ 'map_search.map-inner.area4'|trans }}</span>
  105.           </label>
  106.           <label class="mapSearch__radio">
  107.             <input type="radio" name="mapsearch_radio" value="kisyu">
  108.             <span>{{ 'map_search.map-inner.area5'|trans }}</span>
  109.           </label>
  110.         </div>
  111.       </div>
  112.     </div>
  113.     <div class="mapSearchButton__type">
  114.       <div class="mapSearchButtonType__item">
  115.         <div>
  116.           <div class="mapSearchButtonTypeItem__icon icon--activity">
  117.             <img src="{{ asset('build/images/map_search/icon_activity.png') }}" alt="">
  118.           </div>
  119.           <h5>{{ 'common.entry.activity'|trans }}・<br>{{ 'common.entry.mobility'|trans }} <span>{{ '%03d'|format(counts.2.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  120.         </div>
  121.         <label class="mapSearch__checkbox">
  122.           <input type="checkbox" name="category" value="8">
  123.           <span></span>
  124.         </label>
  125.       </div>
  126.       <div class="mapSearchButtonType__item">
  127.         <div>
  128.           <div class="mapSearchButtonTypeItem__icon icon--facility">
  129.             <img src="{{ asset('build/images/map_search/icon_facility.png') }}" alt="">
  130.           </div>
  131.           <h5>{{ 'common.entry.facility'|trans }} <span>{{ '%03d'|format(counts.0.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  132.         </div>
  133.         <label class="mapSearch__checkbox">
  134.           <input type="checkbox" name="category" value="2">
  135.           <span></span>
  136.         </label>
  137.       </div>
  138.       <div class="mapSearchButtonType__item">
  139.         <div>
  140.           <div class="mapSearchButtonTypeItem__icon icon--workspace">
  141.             <img src="{{ asset('build/images/map_search/icon_workspace.png') }}" alt="">
  142.           </div>
  143.           <h5>{{ 'common.entry.workspace'|trans }} <span>{{ '%03d'|format(counts.1.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
  144.         </div>
  145.         <label class="mapSearch__checkbox">
  146.           <input type="checkbox" name="category" value="4">
  147.           <span></span>
  148.         </label>
  149.       </div>
  150.     </div>
  151.   </section>
  152. </main>
  153.   <script defer src="https://maps.googleapis.com/maps/api/js?key={{ google_api_key }}&callback=initMapSearch"></script>
  154. {% endblock %}