Как я могу нарисовать диапазон доставки на Google Map?

Question

Я знаю, как добавить карту Google на веб-страницу моего ресторана, но как мне выбрать диапазон доставки (полупрозрачный многоугольник)?

Вот пример: ссылка

Может быть, это можно сделать, поместив полупрозрачное изображение на Google Map? Но как это можно сделать?

Answer 1

Многоугольник - это путь, с помощью прослушивателя щелчка «event.latLng», который поможет построить ваш регион

Смотрите здесь: http://jsfiddle.net/MFfTc/2/

Нажав на карту, вы определите вершины многоугольника, затем вы сможете скопировать это на свою реальную карту. Удалите последнюю запятую и добавьте скобку].

Answer 2

Я нашел эту ссылку, которая позволяет размещать подвижные маркеры на Картах Google и вставлять HTML-код на ваш сайт: http://www.nirmalpatel.com/ourarea/

Answer 3

В API Карт Google вы можете создать оверлей Polygon .Вам нужно знать координаты каждой вершины.Если вы этого не сделаете, вы можете использовать Инструменты рисования API Карт Google , чтобы понять это.

Answer 4

Вы можете нарисовать многоугольник с помощью Google Планета Земля, а затем сохранить его в файл KML и загрузить его на Google Maps api v3

var myOptions = {
   zoom: 4,
   center: new google.maps.LatLng(-25.363882,131.044922),
   mapTypeId: google.maps.MapTypeId.ROADMAP,
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

kml_layer = new google.maps.KmlLayer('http://code.google.com/apis/kml/documentation/KML_Samples.kml');
kml_layer.setMap(map);