[hideprofile]
[html]
<div class="map-controls">
<button type="button" id="zoom-in">＋</button>
<button type="button" id="zoom-out">－</button>
</div>
<style>
.map-controls {
position: absolute;
top: 12px;
right: 12px;
z-index: 20;
display: flex;
gap: 8px;
}
.map-controls button {
width: 36px;
height: 36px;
border-radius: 8px;
border: none;
background: #222;
color: #fff;
font-size: 20px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
.map-controls button:hover {
background: #444;
}
.map-svg-container {
transform-origin: top left;
transition: transform 0.15s ease;
cursor: grab;
}
.map-svg-container.dragging {
cursor: grabbing;
user-select: none;
}
.map-svg-container {
position: relative;
display: inline-block;
transform: translate (1.1) scale(S); /* ← масштаб карты */
transform-origin: top left; /* ← координаты НЕ ломаются */
}
.map-svg-container img {
display: block;
max-width: 100%;
}
.map-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map-zone {
fill: transparent;
cursor: pointer;
stroke-width: 1.2;
stroke-dasharray: 8 6;
stroke-linecap: round;
transition:
fill 0.25s ease,
stroke 0.25s ease,
opacity 0.9;
}
.zone-1 {
stroke: rgba(252, 128, 3); /* оранжевый */
}
.zone-2 {
stroke: rgba(68, 22, 219); /* синий */
}
.zone-3 {
stroke: rgba(0, 173, 12); /* зелёный */
}
.zone-4 {
stroke: rgba(252, 23, 3); /* бордовый */
}
/* HOVER */
.zone-1:hover { fill: rgba(255, 165, 0, 0.45); }
.zone-2:hover { fill: rgba(57, 96, 143, 0.45); }
.zone-3:hover { fill: rgba(61, 143, 64, 0.45); }
.zone-4:hover { fill: rgba(163, 86, 86, 0.45); }
/* АКТИВНОЕ СОСТОЯНИЕ (ПО КЛИКУ) */
.zone-1.active { fill: rgba(255, 165, 0, 0.45); }
.zone-2.active { fill: rgba(57, 96, 143, 0.45); }
.zone-3.active { fill: rgba(61, 143, 64, 0.45); }
.zone-4.active { fill: rgba(163, 86, 86, 0.45); }
.map-marker {
cursor: pointer;
}
.map-marker circle {
fill: #ff9800;
stroke: #ffffff;
stroke-width: 2;
}
.map-marker text {
font-size: 14px;
fill: #222;
font-family: Verdana, sans-serif;
pointer-events: none;
text-shadow: 0 1px 2px rgba(255,255,255,0.8);
}
.map-marker:hover circle {
fill: #ff5722;
}
.city-border {
fill: none;
stroke: rgba(0, 0, 0, 0.6);
stroke-width: 3;
stroke-dasharray: 12 10;
pointer-events: none; /* чтобы не мешал кликам */
}
.tooltip-box {
display: none;
position: absolute;
background: rgba(255, 255, 255, 0.95);
border: 1px solid #ccc;
border-radius: 8px;
padding: 10px 12px;
width: 320px;
font-size: 14px;
color: #222;
padding: 14px 16px; /* больше воздуха */
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.map-marker:hover .tooltip-box {
display: block;
}
.tooltip-box .author {
font-weight: bold;
margin-bottom: 4px;
}
.tooltip-box .stars {
color: #ff9800;
margin-bottom: 6px;
}
.tooltip-box .text {
font-size: 12px;
line-height: 1.4;
}
#review-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.65);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease;
z-index: 9999;
}
#review-overlay.active {
opacity: 1;
pointer-events: auto;
}
.review-window {
background: #202020;
color: #e6e6e6;
width: 520px;
max-width: 90%;
max-height: 80vh;
border-radius: 14px;
padding: 20px 22px;
box-shadow: 0 12px 40px rgba(0,0,0,0.25);
transform: scale(0.9);
transition: transform 0.35s ease;
overflow-y: auto;
}
#review-overlay.active .review-window {
transform: scale(1);
}
.review-close {
position: absolute;
top: 12px;
right: 16px;
cursor: pointer;
font-size: 18px;
color: #aaa;
}
.review-close:hover {
color: #fff;
}
.review-item {
margin-bottom: 10px;
border-bottom: 1px solid #939393;
padding-bottom: 10px;
}
.review-item:last-child {
border-bottom: none;
}
.review-author {
font-weight: bold;
}
.review-stars {
color: #ffb300;
margin: 4px 0;
}
.review-text {
font-size: 14px;
line-height: 1.45;
}
.map-marker {
pointer-events: all;
}
.review-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 6px;
}
.review-title a {
color: #ffffff;
text-decoration: none;
}
.review-title a:hover {
color: #838383;
text-decoration: underline;
}
.review-sub {
font-size: 13px;
color: #9aa0a6;
margin-bottom: 24px;
}
.review-divider {
height: 1px;
background: #a3a3a3;
margin: 10px 0 14px;
}
.map-legend {
position: absolute;
top: 18px;
left: 18px;
z-index: 20;
background: rgba(25, 25, 25, 0.88);
backdrop-filter: blur(6px);
border-radius: 12px;
/* БОЛЬШЕ ВОЗДУХА */
padding: 16px 18px;
font-family: Arial, sans-serif;
font-size: 13px;
color: #eee;
box-shadow: 0 6px 18px rgba(0,0,0,0.35);
}
.legend-title {
font-weight: bold;
font-size: 15px;
/* УВЕЛИЧЕННЫЙ ОТСТУП */
margin-bottom: 14px;
}
.legend-item {
display: flex;
align-items: center;
gap: 10px;
/* ЧУТЬ БОЛЬШЕ ВЕРТИКАЛЬНОГО ВОЗДУХА */
margin-bottom: 9px;
}
.legend-item:last-child {
margin-bottom: 0;
}
.legend-color {
width: 14px;
height: 14px;
border-radius: 4px;
flex-shrink: 0;
border: 1px solid rgba(255,255,255,0.35);
}
/* цвета зон */
.legend-color.tiger { background: rgba(222, 138, 53); }
.legend-color.snake { background: rgba(72, 138, 76); }
.legend-color.frog { background: rgba(48, 81, 107); }
.legend-color.crow { background: rgba(107, 54, 43); }
ackground: rgba(163, 86, 86, 0.7);
}
</style>
<div class="map-svg-container">
<!-- КАРТА -->
<img src="https://upforme.ru/uploads/001b/79/b8/2/377832.png" alt="Карта Иваки">
<div class="map-legend">
<div class="legend-title">Зоны города</div>
<div class="legend-item">
<span class="legend-color tiger"></span>
<span class="legend-text">Тора</span>
</div>
<div class="legend-item">
<span class="legend-color snake"></span>
<span class="legend-text">Хэби</span>
</div>
<div class="legend-item">
<span class="legend-color frog"></span>
<span class="legend-text">Нейтралы</span>
</div>
<div class="legend-item">
<span class="legend-color crow"></span>
<span class="legend-text">Трущобы</span>
</div>
</div>
<!-- SVG ОВЕРЛЕЙ -->
<svg class="map-overlay" viewBox="0 0 1536 1024" preserveAspectRatio="none">
<path
class="map-zone zone-1"
d="
m 1159.4122,133.26577 -90.6207,2.66531 0.8884,9.77283 -12.4381,-1.77688 -45.3104,56.86006 -31.98378,8.88439 -0.88844,10.66126 23.98782,22.21096 0.8885,25.76471 -14.21506,7.10751 1.77688,15.10346
h -27.54159
l -50.64099,18.6572 -24.87628,-14.21501 -12.43814,-21.32252 -20.43408,2.66531 1.77687,21.32252 14.21502,19.54565 14.21501,5.33063 -2.66531,26.65315 9.77282,15.9919 -9.77282,32.87222 23.98784,67.52132 -8.88439,15.10346 -17.76877,-2.66532 -7.1075,9.77282 11.5497,6.21907 -5.33064,14.21502 11.5497,7.10751 20.43409,20.43408 20.43408,6.21907 30.20691,5.33063 15.10345,-35.53754 -5.33063,-39.97973 29.31843,-20.43408 11.5497,12.43814 23.9879,0.88843 7.1075,18.65721 8.8844,11.5497 -0.8885,2.66532 13.3266,17.76877 7.996,28.43003 6.219,12.43814 20.4341,15.10345
h 9.7728
l 4.4422,23.0994 -11.5497,8.88438 7.996,5.33063 0.8884,14.21502 11.5497,-2.66532 2.6653,38.20286 39.9798,-5.33063 2.6653,-8.88439 14.215,-0.88844 2.6653,-13.32657 -35.5375,3.55375 -8.8844,-62.19069 15.9919,-3.55375 -1.7769,-6.21907 -15.9919,0.88843 -1.7769,-73.74039
c 0,0 2.6653,-60.41381 2.6653,-65.74444 0,-5.33063 26.6532,-88.84385 26.6532,-88.84385
l 7.9959,-48.86411 -14.215,-8.88439 14.215,-43.53348 -3.5537,-23.98784 -2.6653,-17.76877 -7.1075,-6.21907
z"
/>
</a>
<!-- ЗОНА 2 -->
<path
class="map-zone zone-2"
d="m 966.51779,548.75092 18.84663,-24.1865 1.57055,-2.51289 -3.45521,-39.57791 15.70552,-26.69939 16.33372,10.05154 21.0454,0.62822 6.2822,24.81472 24.5006,29.84049 8.7951,36.1227 1.5706,4.71166
c 0,0 23.5583,16.01963 25.1288,16.64785 1.5706,0.62822 6.5963,13.19264 6.5963,13.19264
l -13.1926,13.50675 24.1865,20.41718 3.4552,31.41104 3.5413,7.43295 41.7566,-5.33063 5.3306,7.99594 38.2029,-7.99594 29.3185,36.42597 10.6612,4.4422 7.996,13.32657 -14.215,16.88033 9.7728,15.10346 -22.211,27.54159 6.2191,6.21907 -16.8803,38.20285 -17.7688,-21.32252 -14.215,-17.76877 -23.0994,15.10345 -57.7485,30.20691 -1.7769,15.10346 -7.9959,9.77282 -33.7607,19.54564 -23.0994,-3.55375 4.4422,-15.10345 30.2069,-5.33063 -9.7728,-72.85196 -20.4341,8.88439 -47.9757,-1.77688 -10.66126,-10.66126 29.31846,-10.66126 4.4422,-16.88033 -17.7688,-5.33063 -9.77279,2.66531 -28.43003,-7.10751 -28.43003,-20.43408 -5.33063,7.99594 -24.87628,-4.44219 -40.86817,7.99595 -48.86411,7.10751 -85.29009,38.20285 -5.33063,-19.54565 91.50916,-42.64504 111.05481,-7.99595 15.10345,-7.99594 -38.20285,-74.62883 29.31846,-53.30631
z"
/>
</a>
<!-- ЗОНА 3 -->
<path
class="map-zone zone-3"
d="m 864.45062,493.08334 0.88844,15.10346 13.32658,12.43814 10.66126,3.55375 20.43408,22.21096 37.31442,6.21907 -15.99189,7.10751 -25.76472,47.08724
v 11.5497
l 36.42598,68.40976 -13.32658,7.10751 -105.72418,7.1075 -101.28198,46.1988 9.77282,21.32253 -112.83168,85.29009
c 0,0 -39.97973,-23.0994 -43.53349,-23.0994 -3.55375,0 -23.0994,7.10751 -23.0994,7.10751
l -10.66126,-47.97568 29.31847,-42.64505
c 0,0 12.43814,-4.44219 12.43814,-13.32657 0,-8.88439 3.55375,-53.30631 3.55375,-53.30631
l 36.42598,-23.0994 19.54565,-4.44219 10.66126,-70.18664 -5.33063,-59.52538 15.99189,-27.54159 11.5497,-28.43003
v -13.32658
l 22.21096,-21.32252 13.32658,23.98784 18.6572,9.77282 15.10346,21.32252 22.21096,3.55376
c 0,0 32.87222,-24.87628 32.87222,-21.32253 0,3.55376 20.43409,15.10346 20.43409,15.10346
l 25.76471,-1.77688
z"
/>
</a>
<!-- ЗОНА 4 -->
<path
class="map-zone zone-4"
d="m 865.33906,482.42208 15.99189,-4.44219 10.66126,-0.88844 9.77283,-9.77282 -21.32253,-60.41382 2.66532,-32.87222
h -58.63694
l -99.50511,-17.76877 -6.21907,18.65721 -18.6572,13.32658 -3.55376,39.09129 16.88033,25.76471 17.76877,10.66127 14.21502,22.21096 21.32252,1.77687 29.31847,-20.43408 14.21501,-9.77282 10.66127,10.66126 25.76471,-5.33063
z"
/>
</a>
<!-- КОНТУР ГОРОДА -->
<path class="city-border" d="..." />
<!-- МЕСТО 1 -->
<g class="map-marker"
data-reviews='
<div class="review-title">TIGERFISH</div>
<div class="review-sub">Ресторан средиземноморской кухни. Славится свежайшими морепродуктами и по праву считается одним из лучших ресторанов города. В этих светлых стенах можно найти контрабанду и оружие со всего света, главное — знать, к кому обратиться.</div>
'>
<circle cx="1093" cy="371" r="8" />
<text x="1093" y="371">TIGERFISH</text>
</g>
<!-- МЕСТО 2 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ГОРОДСКОЙ МУЗЕЙ УГЛЯ И ИСКОПАЕМЫХ</div>
<div class="review-sub">
Городской музей угля и окаменелостей Иваки по прозвищу Хоруру был открыт в 1984 году. Коллекция и экспозиции связаны с местными находками окаменелостей, включая плезиозавра «Futabasaurus suzukii» и угольным месторождением дзёбан — когда-то самым большим на хонсю.
</div>
'>
<circle cx="1005" cy="435" r="8" />
<text x="1005" y="435">ГОРОДСКОЙ МУЗЕЙ УГЛЯ И ИСКОПАЕМЫХ</text>
</g>
<!-- МЕСТО 3 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ПАРК МИСАКИ</div>
<div class="review-sub">
Центральный парк, высаженный красивыми, вечнозелёными деревьями, внутри которого расположен небольшой пруд с беседкой в японском стиле. Здесь вы также найдёте детскую зону, площадь для городских выступлений, множество велосипедных дорожек и аллею с сакурой. 2 февраля 2022 года на площади парка произошла <a href="https://cursedland.rusff.me/viewtopic.php?id=2730">трагедия</a>, унёсшая жизни около сотни мирных жителей, с тех пор там стоит рукотворных мемориал памяти погибшим, усеянный цветами.
</div>
'>
<circle cx="1035" cy="598" r="8" />
<text x="1035" y="598">ПАРК МИСАКИ</text>
</g>
<!-- МЕСТО 4 -->
<g class="map-marker"
data-reviews='
<div class="review-title">БАР «EUPHORIA»</div>
<div class="review-sub">
Находится на нейтральной территорий, а посему драки, пальба и разборки здесь непривычное дело. Комфортное место для любителей хорошего и вкусного алкоголя.
</div>
'>
<circle cx="1076" cy="745" r="8" />
<text x="1076" y="745">БАР «EUPHORIA»</text>
</g>
<!-- МЕСТО 5 -->
<g class="map-marker"
data-reviews='
<div class="review-title">АКВАМАРИН «ФУКУСИМА»</div>
<div class="review-sub">
Океанариум представляет уникальную флору и фауну побережья Фукусимы, образовавшуюся благодаря встрече тёплого течения куросио и холодного течения оясио. В океанариуме есть бассейн, в котором можно поплавать с дельфинами, стеклянный туннель и тропический ботанический сад. 20 октября 2021 года <a href="https://cursedland.rusff.me/viewtopic.php?id=1132#p219670">дала сбой способность одной из сотрудниц океанариума</a> (по официальной версии), из-за чего океанариум пришлось закрыть на ремонтные работы вплоть до конца 2021 года.
</div>
'>
<circle cx="1126" cy="785" r="8" />
<text x="1126" y="785">АКВАМАРИН «ФУКУСИМА»</text>
</g>
<!-- МЕСТО 6 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ХОСТ КЛУБ «PERFECT BLUE»</div>
<div class="review-sub">
Элитное двухэтажное заведение, где на первом этаже можно провести вечер в компании лучших девочек, а на втором — лучших мальчиков всей Японии. Попасть сюда можно только по приглашению постоянного клиента или администрации (и то вас не пустят с персистентами), простым прохожим сюда путь заказан. В клуб приходят заключать тайные сделки и собирать сплетни, а владелец во всю торгует информацией и, кажется, это выгодно всем сторонам.
</div>
'>
<circle cx="956" cy="650" r="8" />
<text x="959" y="650">ХОСТ КЛУБ «PERFECT BLUE»</text>
</g>
<!-- МЕСТО 7 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ПАРК МАЦУГАОКА</div>
<div class="review-sub">
Большой природный парк со смотровой площадкой, с которой открывается отличный вид на городскую площадь с ратушей, университет Иваки Мейсей и, конечно же, Тихий океан. 15 августа 2021 года в закрытой на реконструкцию части парка <a href="https://cursedland.rusff.me/viewtopic.php?id=540">прозвучал взрыв</a>, позже возгорание перекинулось на соседние здания. Площадь возгорания составила 150 квадратных метров.
</div>
'>
<circle cx="878" cy="596" r="8" />
<text x="878" y="596">ПАРК МАЦУГАОКА</text>
</g>
<!-- МЕСТО 8 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ГОРОДСКАЯ БОЛЬНИЦА</div>
<div class="review-sub">
Система здравоохранения в городе субсидируется хэби. Можете считать это такой попыткой поиграть в Мать Терезу и искупить собственные грешки.
</div>
'>
<circle cx="750" cy="629" r="8" />
<text x="750" y="629">ГОРОДСКАЯ БОЛЬНИЦА</text>
</g>
<!-- МЕСТО 9 -->
<g class="map-marker"
data-reviews='
<div class="review-title">КАРАОКЕ «SEOUL»</div>
<div class="review-sub">
Караоке-бар под покровительство хэби. Находится на улице, полной снек-баров, лав-отелей и прочих сомнительных, но радующих душу заведений. Здесь всегда можно разжиться наркотой и не опасаться полицейской облавы. Всё куплено, детки. Частое место заключения сделок, тайное место хранение части товара и, конечно, излюбленное место отдыха всех в хэби.
</div>
'>
<circle cx="807" cy="685" r="8" />
<text x="807" y="685">КАРАОКЕ «SEOUL»</text>
</g>
<!-- МЕСТО 10 -->
<g class="map-marker"
data-reviews='
<div class="review-title">НОЧНОЙ КЛУБ «SWEET DREAM»</div>
<div class="review-sub">
Ночной клуб на территории хэби. Очень громкая музыка, расторопные официанты, набор головокружительных напитков и обворожительных девушек поражает воображение. Фактически, как и большинство таких мест на территории хэби, это площадка для продажи проституток и наркотиков клиентам. В ночь с 9 по 10 ноября 2021 года в клубе <a href="https://cursedland.rusff.me/viewtopic.php?id=1596">произошла перестрелка</a>, из-за чего владелец был вынужден прикрыть его на два месяца для проведения ремонтных работ.
</div>
'>
<circle cx="580" cy="760" r="8" />
<text x="580" y="760">НОЧНОЙ КЛУБ «SWEET DREAM»</text>
</g>
<!-- МЕСТО 10 -->
<g class="map-marker"
data-reviews='
<div class="review-title">ОТЕЛЬ «GOKURAKU»</div>
<div class="review-sub">
Пятизвёздочный отель класса люкс, который находится на территории хэби. Отель представляет из себя высотное здание с сотней номеров, в которых останавливаются мировые звёзды, бизнесмены, политики. Внутри расположены конференц-залы, бассейн, спа, ресторан и бар, а так же казино, в которое пропускают, конечно же, только вип-клиентов. Для избранных открываются поистине роскошные перспективы: наркотики, проституция, торговля оружием, по договоренности торговля людьми. Негласный штаб хэби, тут реализуется около 30% наркотрафика «яда». 12 января 2022 года <a href="https://cursedland.rusff.me/viewtopic.php?id=2726"> в отеле произошёл взрыв</a>, работы по восстановлению ведутся по сей день.
</div>
'>
<circle cx="726" cy="550" r="8" />
<text x="726" y="550">ОТЕЛЬ «GOKURAKU»</text>
</g>
<!-- МЕСТО 11 -->
<g class="map-marker"
data-reviews='
<div class="review-title">МАЯК «ШИОЯСАКИ»</div>
<div class="review-sub">
Город протянут вдоль побережья тихого океана, где-то у воды расположились порты и парки, а где-то есть пляжные зоны, пригодные для купания. Температура воды в летнее время в среднем составляет 21-23 °C. У океана вы не найдёте высотных зданий, зато найдёте множество уютных кафе, отелей и храмов. Маяк является одним из основных достопримечательностей города. Чтобы добраться до него, нужно забраться по узкой тропе на холм. Можно также подняться на сам маяк, чтобы рассмотреть замечательные виды на океан и горы.
</div>
'>
<circle cx="1253" cy="707" r="8" />
<text x="1253" y="707">МАЯК «ШИОЯСАКИ»</text>
</g>
<!-- МЕСТО 11 -->
<g class="map-marker"
data-reviews='
<div class="review-title">СТРИПТИЗ КЛУБ «FALLEN HEAVENS»</div>
<div class="review-sub">
Несмотря на то, что клуб находится на нейтральной территории, здесь часто можно заметить нашивки тигров на куртках. Впрочем, как и на любой нейтральной территории, торговля чем бы то ни была в клубе запрещена, и прекрасные работники обоих полов рады содрать деньжат с любого, не важно из какой он группировки. Говорят, помимо стриптиза кто-то из работников также предоставляет услуги гадания — в любом случае вам стоит зайти и убедиться в этом самостоятельно.
</div>
'>
<circle cx="993" cy="520" r="8" />
<text x="993" y="520">СТРИПТИЗ КЛУБ «FALLEN HEAVENS»</text>
</g>
</svg>
</div>
<div id="review-overlay">
<div class="review-window">
<div class="review-close">✕</div>
<div class="review-content"></div>
</div>
</div>
<script>
document.querySelectorAll('.map-marker').forEach(marker => {
marker.addEventListener('click', function () {
const overlay = document.getElementById('review-overlay');
const content = overlay.querySelector('.review-content');
const reviews = this.getAttribute('data-reviews');
if (!reviews) return;
content.innerHTML = reviews;
overlay.classList.add('active');
});
});
document.querySelector('.review-close').addEventListener('click', () => {
document.getElementById('review-overlay').classList.remove('active');
});
document.getElementById('review-overlay').addEventListener('click', e => {
if (e.target.id === 'review-overlay') {
e.currentTarget.classList.remove('active');
}
});
</script>
<script>
let scale = 1;
let translateX = 0;
let translateY = 0;
let isDragging = false;
let startX = 0;
let startY = 0;
const map = document.querySelector('.map-svg-container');
/* === ОБНОВЛЕНИЕ ТРАНСФОРМА === */
function updateTransform() {
map.style.transform =
`translate(${translateX}px, ${translateY}px) scale(${scale})`;
}
/* === ЗУМ КНОПКАМИ === */
document.getElementById('zoom-in').addEventListener('click', () => {
scale = Math.min(scale + 0.1, 2);
updateTransform();
});
document.getElementById('zoom-out').addEventListener('click', () => {
scale = Math.max(scale - 0.1, 0.8);
updateTransform();
});
/* === ПЕРЕТАСКИВАНИЕ === */
map.addEventListener('mousedown', e => {
isDragging = true;
map.classList.add('dragging');
startX = e.clientX - translateX;
startY = e.clientY - translateY;
});
window.addEventListener('mousemove', e => {
if (!isDragging) return;
translateX = e.clientX - startX;
translateY = e.clientY - startY;
updateTransform();
});
window.addEventListener('mouseup', () => {
isDragging = false;
map.classList.remove('dragging');
});
</script>
[/html]
• карта может некорректно отображаться с телефонов, лучше просматривать с ПК.
| • карту можно приближать, отдалять и перетаскивать зажатой мышкой.
| • при нажатии на оранжевый кружок откроется контейнер с пояснением к локации.
|
• сине-серая часть — нейтральная зона, она же исторический, туристический и культурный центр города. приличную её часть занимает парк, технические зоны, а также пляжные зоны для купания, расположенные с востока на запад.
• рыжая часть — тора, спальные районы, элитная застройка, высотки с офисами, 2 из 3-х портов города, большой стадион, несколько гольф-площадок близ элитных клубов, городской рынок, а также выход к шахтам ближе к северу.
• зелёная часть — хэби, спальные районы, квартал красных фонарей, бизнес-центр, центральная больница, множество хипстерских местечек и высотных зданий с отелями и клубами.
• красная часть — трущобы, которые считаются не пригодными для жизни. старые покосившиеся хибары, дома в аварийном состоянии, отходы, которые сливаются в реку — всё это существует по сей день несмотря на попытки власти бороться с нищетой и другими социальными проблемами. 11 января 2022 года в этой области разгорелся пожар, который ознаменовал новые проблемы. ничейную территорию хотят прибрать к себе многие, однако не известно, кому она в итоге окажется по зубам.
всё остальное — это малонаселённая часть города. чем ближе к горам и лесам, тем реже встречаются домики и тем более инфраструктура. эта зона тоже считается частью иваки, однако она в большинстве своём представляет трудно проходимые горные участки, куда так любят ходить (и пропадать без вести) туристы, а также затерянные в лесах храмы.
в восточной части города прекрасные виды на тихий океан, а на западе исхоженные и освоенные горы. место, где сегодня стоит иваки, было заселено еще в доисторические времена. развитие города усилилось в период нара — в начале седьмого века. в то время строились деревни-крепости против вторжения так называемых варваров с севера. поэтому сегодня в иваки можно увидеть руины древних стен.
в городе есть приличный океанариум с завораживающим водным тоннелем и шоу-программой, а парк мацугаока привлекает огромное количество посетителей своими экзотическими растениями и извилистой системой тихих пешеходных дорожек.
посмотреть на храмы города приезжает множество туристов. среди самых красивых чорюджи, якуоджи и храм ширамидзу амидадо. ширамидзу амидадо — старейшее строение в регионе, в 1952 году было объявлено национальным достоянием.
с восточной стороны города на скале приютился маяк шиоясаки, с которого открывается вид на тихий океан.
в городе развито шахтерское дело и даже есть городской музей угля и ископаемых, который даёт полный обзор истории и развития шахты джобан от найденных там окаменелостей и костей динозавров до интерактивной выставки шахтерской жизни.
центральная часть иваки разнообразна своими уличными кафе, ресторанами и торговыми центрами, всегда найдётся место как для культурного отдыха, так и кутежа в злачных местах города. |
