Nano Hash - криптовалюты, майнинг, программирование

Как установить маркер начальной и конечной точки в API карт Google

Я получаю начальную точку карты и конечную точку lat lng в таких аргументах (58.39847354300152, 15.579836368560791), и мне нужно установить два разных маркера для обоих .. теперь я могу установить только один маркер либо начало, либо конец .. как установить для обоих

function markerStartEnd(map,startPoint,endPoint,startTime,endTime){
var anchor = new google.maps.Point(20,41),
    size = new google.maps.Size(41,41),
    origin = new google.maps.Point(0,0),
    icon = new google.maps.MarkerImage('../../static/js/start.png',size,origin,anchor);
new google.maps.Marker({icon:icon,map:map,position:startPoint});
new google.maps.Label({ position: startPoint, map: map, content:startTime});

icon = new google.maps.MarkerImage('../../static/js/end.png',size,origin,anchor);
new google.maps.Marker({icon:icon,map:map,position:endPoint});
new google.maps.Label({ position: endPoint, map: map, content:endTime});

}

google-maps javascript jquery google-maps-api-3 google-maps-markers
08.07.2016

Ответы:


1

Я получаю сообщение об ошибке с опубликованным кодом: Uncaught TypeError: google.maps.Label is not a constructor. Нет google.maps.Label класса. Если я удалю это, ваш код заработает.

доказательство концепции скрипта

фрагмент кода:

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  markerStartEnd(map, new google.maps.LatLng(40.7127837, -74.00594130000002), new google.maps.LatLng(40.735657, -74.1723667), "10:00", "10:20");
  var bounds = new google.maps.LatLngBounds();
  bounds.extend(new google.maps.LatLng(40.7127837, -74.00594130000002));
  bounds.extend(new google.maps.LatLng(40.735657, -74.1723667));
  map.fitBounds(bounds);
}
google.maps.event.addDomListener(window, "load", initialize);

function markerStartEnd(map, startPoint, endPoint, startTime, endTime) {
  var anchor = new google.maps.Point(20, 41),
    size = new google.maps.Size(41, 41),
    origin = new google.maps.Point(0, 0),
    icon = new google.maps.MarkerImage('http://maps.google.com/mapfiles/ms/micons/blue.png', size, origin, anchor);
  new google.maps.Marker({
    icon: icon,
    map: map,
    position: startPoint
  });
  /* new google.maps.Label({
    position: startPoint,
    map: map,
    content: startTime
  }); */

  icon = new google.maps.MarkerImage('http://maps.google.com/mapfiles/ms/micons/green.png', size, origin, anchor);
  new google.maps.Marker({
    icon: icon,
    map: map,
    position: endPoint
  });
  /* new google.maps.Label({
    position: endPoint,
    map: map,
    content: endTime
  }); */
}
html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map_canvas"></div>

09.07.2016
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..