#javascript #jquery #html #google-maps
#javascript #jquery — запрос #HTML #google-карты #jquery
Вопрос:
Мой 4-й маркер не отображается, и я, кажется, не могу найти проблему. Я проверил правильность имен переменных, я проверил синтаксис и даже изменил переменные положения, чтобы посмотреть, изменит ли это что-нибудь. Карта загружается, но на ней отображается не более 3 маркеров.
Вот мой код:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Test</title>
<style>
#map {
height: 500px;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
// Markers position
var pos = {lat: 38.64971527, lng: -9.143150};
var pos1 = {lat: 38.628753, lng: -9.115710};
var pos2 = {lat: 38.61512, lng: -9.110663};
var pos3 = {lat: 38.615125, lng: -9.110663};
// Map
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: {lat: 38.628753, lng: -9.115710}
});
//Markers
var Mark = new google.maps.Marker({
position: pos,
map: map,
});
var Mark1 = new google.maps.Marker({
position: pos1,
map: map,
});
var Mark3 = new google.maps.Marker({
position: pos2,
map: map,
});
var Marker4 = new google.maps.Marker({
position: pos3,
map: map,
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qkamp;callback=initMap">
</script>
</html>
Комментарии:
1. Вы должны удалить свой ключ API из этого
2. Это тестовый ключ, с этим не должно быть проблем, я все равно удалил. Редактировать: я просто ввел ключ, который нашел в документации Google API.
Ответ №1:
Все маркеры есть. На вашем уровне масштабирования маркеры для pos2
и pos3
настолько близки, что они перекрываются. Вы можете увидеть оба, если увеличите масштаб с помощью масштабирования карты / колеса мыши.
Комментарии:
1. Я собираюсь это проверить. Редактировать: я только что проверил, и там нет маркеров друг на друге.
2. Это были нижние правые маркеры; оба, похоже, находились в одном и том же здании / структуре на карте.
3. Ну, я чувствую себя глупо прямо сейчас, спасибо Ито, проблемы были с координатами, я добавил одно число, и именно поэтому какой-то маркер не отображался, и у меня также был один, который был слишком близко с другим. Я слишком много внимания уделял другим вещам, таким как синтаксические ошибки и т.д..