Я уверен, что вы много раз видели подобные карты:
На этой карте у нас есть радиус (круг) с зоной деятельности некоторой компании. Вокруг круга проведена красная линия, а также этот радиус заполнен прозрачным красным цветом. Как же это сделать?
Шаг первый
Сначала нужно открыть Google Maps, ввести название города в поле поиска. Затем нужно скопировать GPS-координаты, щелкнув правой кнопкой мыши на городе и выбрав GPS-координаты:
Шаг второй
Далее откройте любой генератор KML, я обычно использую этот генератор KML кругов, но вы можете использовать любой. KML означает Keyhole Markup Language и это формат файла, используемый для отображения географических данных в браузере Earth, таком как Google Earth. Затем вставьте эти GPS-координаты в поле формы и введите радиус в километрах, милях и т.д. Вы можете выбрать цвет. Наконец, нажмите кнопку Generate и загрузите файл KML.
Шаг третий
Откройте Google Мои карты, войдите в систему и создайте новую карту. В новом окне рядом со слоем Untitled нажмите Import и загрузите KML-файл, созданный в первом шаге.
Далее выберите цвет и ширину линии. При желании вы можете дать название своей карте.
Шаг четвертый
Нажмите на Share и включите Anyone with this link can view. Вы можете решить, смогут ли другие видеть ваше имя и фотографию на этой карте. Затем нажмите Close.
Шаг пятый
Нажмите на preview.
Откроется новая вкладка с видом этой карты по умолчанию. Нажмите Share и выберите <> Embed on my site. Скопируйте код и вставьте его в код вашего сайта.
Пример кода выглядит следующим образом:
<iframe src="https://www.google.com/maps/d/embed?mid=1AJnVYcE_SzVL3kbu-FRkQLFbKOzB1JE&ehbc=2E312F" width="640" height="480"></iframe>
И у вас есть карта с рабочим диапазоном на вашем сайте! Вы можете регулировать ширину и высоту.
Будет здорово, если вы последуете за мной в Twitter: Крис Тексе