نقشهنگاری وب یکی از جوانب جذاب طراحی است که میتواند به ارائه اطلاعات به شکل بصری و قابل فهم کمک کند. در این پست به بررسی چگونگی ایجاد نقشهای از ایران با استفاده از HTML و CSS میپردازیم. این روش میتواند با استفاده از کدهای HTML و CSS یک نقشه زیبا به وبسایت خود اضافه کنید و از قابلیت های آن برای راهنمایی کاربران خود استفاده کنید. با توجه به نیازها و خلاقیت خود، میتوانید این نقشه را گسترش دهید و ویژگیهای بیشتری همچون انیمیشنها و تعاملات را به آن اضافه کنید همچنین با چند کلیک ساده میتوانید این نقشه زیبا را در المنتور به صفحات وبسایت خود اضافه کنید
کد HTML
نقشه ایران
کد CSS
body{
background: #222;
}
.path-city{
stroke: #fff;
}
.path-city:hover{
fill: #fff;
}
.path-city-g1{
fill: #ca0202;
}
.path-city-g2{
fill: #ffa71e;
}
.path-city-g3{
fill: #0290d9;
}
.path-city-g4{
fill: #89cb2b;
}