как показать несколько маркеров на карте Google

Question

<title>Using MySQL and PHP with Google Maps</title>
<style>

  #map {
    height: 100%;
  }

  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
</style>

<script type='text/javascript'>
var markers=[{"name":"Apple Store","lat":"51.51277","lng":"-2.14308"}];

function initMap() {

    var latlng = new google.maps.LatLng(-33.92, 151.25);
    var myOptions = {
        zoom: 10,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false
    };

    var map = new google.maps.Map(document.getElementById("peta"),myOptions);
    var infowindow = new google.maps.InfoWindow(), marker, lat, lng;
    var json=JSON.parse( markers );

    for( var o in json ){

        lat = json[ o ].lat;
        lng=json[ o ].lng;
        name=json[ o ].name;

        marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            name:name,
            map: map
        }); 
        google.maps.event.addListener( marker, 'click', function(e){
            infowindow.setContent( this.name );
            infowindow.open( map, this );
        }.bind( marker ) );
    }
}
</script>

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=340460420535-q0avndibuoa0c4jf8fhuj3i9no651si5.apps.googleusercontent.com&callback=initMap">
</script>

карта не отображается на странице.пожалуйста, предоставьте решение для отображения маркера на карте Google.
Я пытаюсь отобразить маркер на картах Google со ссылкой, не отображающей карту для какого-либо адреса.Я даже получаю адрес на картах Google и использую его, но он все равно не работает, текстовые поля ввода отображают КРАСНЫЙ, даже если вы вставляете координаты, они отображают КРАСНЫЙ.см. загруженный код.

Answer 1

1-й выпуск

var makers недопустим в формате JSON.

Заменить

var markers=[{"name":"Apple Store","lat":"51.51277","lng":"-2.14308"}];

на

var markers= '{"name":"Apple Store","lat":"51.51277","lng":"-2.14308"}';

2-й выпуск

изменить идентификатор элемента в HTML или JAVASCRIPT, выбор за вами.document.getElementById сопоставлен с peta

Изменить с <div id="map"></div> на <div id="peta"></div>

3-й выпуск

Ваш ключ кажется недействительным,Обновите свой ключ.