Как создать карту полилинии API Google Map с метками - PullRequest
Новая
       6

Как создать карту полилинии API Google Map с метками

0 голосов
/ 06 июля 2019

Я использовал пример Полилинии Google Map API по адресу: https://developers.google.com/maps/documentation/javascript/examples/polyline-simple для разработки своей карты.

Теперь мне нужно поместить около 8 символов текста в конце каждой строки на моей карте, указывая название пункта назначения.Есть простой способ сделать это?Я хотел бы, чтобы кто-то просто добавил текст в конечную точку приведенного выше примера.

Ответы [ 2 ]

0 голосов
/ 07 июля 2019

Первый ответ был хорошим началом, но он поставил маркер на каждом конце строки, и я хотел, чтобы в конечном пункте назначения был только маркер с меткой. Также было неясно, как разместить разный текст в каждой строке.

Я использовал следующий код (добавив Marker2 и т. Д .: я разместил пример по адресу: https://www.qsomap.org/QSOmapProduction/polytest.htm

    var marker1= new MarkerWithLabel({
    position: new google.maps.LatLng(37.999490,-87.400400),
    labelContent: "N9AAA",
    labelAnchor: new google.maps.Point(22, 0),
    labelClass: "labels",
    labelStyle: {opacity: 1.00},
    labelVisible: true,
    icon: '/images/red-dot.png',
    map: map,
    title: 'N9AAA'
    });
0 голосов
/ 06 июля 2019 
var marker = new google.maps.Marker({
   position: location,//{lat: xxx, lng: xxx}
   label: "88888888",//your text
   map: map//your map instance
});

Просто добавьте текстовую метку.

Я сделал пример codesandbox

...