{% extends 'base.html.twig' %}
{% block title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
{% block meta_og_title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
{% block meta_twitter_title %}マップ検索 |【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}
{% block meta_description %}
{{ parent() }}
エリアを絞り込んでマップ検索が可能です。
{% endblock %}
{% block meta_og_description %}
{{ parent() }}
エリアを絞り込んでマップ検索が可能です。
{% endblock %}
{% block javascripts %}
<script>
window.icon_facility = "{{ asset('build/images/map_search/facility_icon.png') }}";
window.icon_workspace = "{{ asset('build/images/map_search/workspace_icon.png') }}";
window.icon_activity = "{{ asset('build/images/map_search/activity_icon.png') }}";
window.icon_mobility = "{{ asset('build/images/map_search/mobility_icon.png') }}";
</script>
{{ parent() }}
{% endblock %}
{% block extraHeader %}
<link rel="canonical" content="{{ absolute_url(path('map_search_index')) }}">
{% endblock %}
{% block body %}
<main id="map_search">
<section class="guide">
<div class="guideContainer">
<div class="guideContainer__breadcrumbs">
<a href="{{ path('top') }}">{{'common.top'|trans|raw }}</a>
<span class="guideContainerBreadcrumbs__arrow"></span>
<div>{{ 'map_search.title'|trans }}</div>
</div>
</div>
</section>
<section class="mapSearchButton">
<a href="{{ path('top') }}" class="buttonContainer__back">
<span></span>
{{ 'common.return'|trans }}
</a>
<div class="mapSearchButton__type">
<div class="mapSearchButtonType__item">
<div class="mapSearchButtonTypeItem__icon icon--activity">
<img src="{{ asset('build/images/map_search/icon_activity.png') }}" alt="">
</div>
<h5>{{ 'common.entry.activity'|trans }}・{{ 'common.entry.mobility'|trans }} <span>{{ '%03d'|format(counts.2.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="8">
<span></span>
</label>
</div>
<div class="mapSearchButtonType__item">
<div class="mapSearchButtonTypeItem__icon icon--facility">
<img src="{{ asset('build/images/map_search/icon_facility.png') }}" alt="">
</div>
<h5>{{ 'common.entry.facility'|trans }} <span>{{ '%03d'|format(counts.0.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="2">
<span></span>
</label>
</div>
<div class="mapSearchButtonType__item">
<div class="mapSearchButtonTypeItem__icon icon--workspace">
<img src="{{ asset('build/images/map_search/icon_workspace.png') }}" alt="">
</div>
<h5>{{ 'common.entry.workspace'|trans }} <span>{{ '%03d'|format(counts.1.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="4">
<span></span>
</label>
</div>
</div>
<label class="listmap__checkbox">
<input type="checkbox" class="js-listmap-toggle">
<span></span>
</label>
</section>
<section class="mapSearchResult">
<div class="mapSearchResult__list js-list">
<div class="js-map-search__list_container"></div>
</div>
<div class="mapSearchResult__map js-map">
<div
id="js-map-search"
class="js-map-search"
data-api-endpoint="{{ path('map_search_api') }}"
></div>
<div class="mapSearchResultMap__button">
<div class="js-map-search__area-choice">
<label class="mapSearch__radio">
<input type="radio" name="mapsearch_radio" checked value="hokusei">
<span>{{ 'map_search.map-inner.area1'|trans }}</span>
</label>
<label class="mapSearch__radio">
<input type="radio" name="mapsearch_radio" value="chunansei">
<span>{{ 'map_search.map-inner.area2'|trans }}</span>
</label>
<label class="mapSearch__radio">
<input type="radio" name="mapsearch_radio" value="isesima">
<span>{{ 'map_search.map-inner.area3'|trans }}</span>
</label>
<label class="mapSearch__radio">
<input type="radio" name="mapsearch_radio" value="iga">
<span>{{ 'map_search.map-inner.area4'|trans }}</span>
</label>
<label class="mapSearch__radio">
<input type="radio" name="mapsearch_radio" value="kisyu">
<span>{{ 'map_search.map-inner.area5'|trans }}</span>
</label>
</div>
</div>
</div>
<div class="mapSearchButton__type">
<div class="mapSearchButtonType__item">
<div>
<div class="mapSearchButtonTypeItem__icon icon--activity">
<img src="{{ asset('build/images/map_search/icon_activity.png') }}" alt="">
</div>
<h5>{{ 'common.entry.activity'|trans }}・<br>{{ 'common.entry.mobility'|trans }} <span>{{ '%03d'|format(counts.2.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
</div>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="8">
<span></span>
</label>
</div>
<div class="mapSearchButtonType__item">
<div>
<div class="mapSearchButtonTypeItem__icon icon--facility">
<img src="{{ asset('build/images/map_search/icon_facility.png') }}" alt="">
</div>
<h5>{{ 'common.entry.facility'|trans }} <span>{{ '%03d'|format(counts.0.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
</div>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="2">
<span></span>
</label>
</div>
<div class="mapSearchButtonType__item">
<div>
<div class="mapSearchButtonTypeItem__icon icon--workspace">
<img src="{{ asset('build/images/map_search/icon_workspace.png') }}" alt="">
</div>
<h5>{{ 'common.entry.workspace'|trans }} <span>{{ '%03d'|format(counts.1.entry_count) }}</span> {{ 'map_search.unit'|trans }}</h5>
</div>
<label class="mapSearch__checkbox">
<input type="checkbox" name="category" value="4">
<span></span>
</label>
</div>
</div>
</section>
</main>
<script defer src="https://maps.googleapis.com/maps/api/js?key={{ google_api_key }}&callback=initMapSearch"></script>
{% endblock %}