Могу ли я нарисовать карту Великобритании, разделен на две области графств, которые работают в качестве гиперссылок

Question

у меня есть друг, который борется организуя людей, работающих по всей стране, наиболее подходящих сайтов в Великобритании (в сфере телекоммуникаций)

Я хочу сделать его картой Великобритании, где каждый округ работает как гиперссылка на список (это потому, что мне нужно, чтобы это было визуально, и для него, чтобы понять, кто живет ближе всего к каждому сайту, это тоже может быть здорово, если не лучше, чем карта почтового индекса).

Мне было интересно, если бы это было возможно, или даже если бы я мог найти код онлайн, чтобы нарисовать правильные фигуры для гиперссылок, я не мог найти ничего на github или каких-либо предыдущих вопросах для тех, кто пробовал это.

Как я новичок, было бы здорово, если бы я мог сделать эти гиперссылки с помощью HTML (Он не должен выглядеть красиво, это просто необходимо, чтобы быть в форме, как в Великобритании!)

Было бы здорово чтобы получить предложения относительно того, как я могу это сделать.

Спасибо за вас время

Answer 1

Google Maps API это путь здесь. Вы можете объединить эти два примера:

1. Geocoding для поиска оригинального адреса

2. KML layer Для добавления местоположения своих сотрудников в качестве маркеров, чтобы он мог видеть, кто находится ближе всего.

Вы можете создать файл KML по creating your own map on Google Maps.

Это не новичок, но из-за примеров, с которыми вы должны начать.

Если вам требуется более простое решение, вы можете просто create a map on Google Maps и добавить туда сотрудников. Вы можете делиться картами, и это, вероятно, будет хорошим инструментом для решения проблемы ваших друзей.

Редактировать Я только что видел ваш комментарий о Google Maps. Возможно, вам будет легче упростить дизайн карты и оставить детали, которые могут сбить с толку. Вы можете использовать что-то вроде MapStyle.

Answer 2

Google Maps API - это путь (как упоминалось другим).

Идея состоит в том, что вы должны создать многоугольник для каждого графства в Великобритании, назначить событие click для каждого созданного вами многоугольника и, наконец, перенаправить пользователя на нужную вам ссылку.

Я сделал JSFiddle, который делает это для округа Эйвон в Великобритании.

https://jsfiddle.net/mpariscl/vmysg6yh/1/

$(function() { 
    initialize(); 
}); 

function initialize() { 
    var myLatlng = new google.maps.LatLng(51.6881171980821, -2.51998453948394); 
    var myOptions = { 
    zoom: 6, 
    center: myLatlng, 
    mapTypeId: 'satellite' 
    } 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var county = new google.maps.Polygon({ 
    paths: CountyCoordinates(), 
    strokeColor: '#FF0000', 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    fillColor: '#FF0000', 
    fillOpacity: 0.35 
    }); 
    county.setMap(map); 

    google.maps.event.addListener(county, 'click', function() { 
    location.href = 'https://en.wikipedia.org/wiki/Avon_(county)'; 
    }); 
} 

Вы можете добавить недостающие графств с помощью координат, которые вы найдете на этом сайте: http://www.nearby.org.uk/counties/