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地图中显示标记，但没有为某些地址显示地图。我甚至在谷歌地图上获取地址并使用它，但它仍然无效如果您插入显示红色的坐标，文本输入框也会显示RED。见上传的代码。

Answer 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"}';

第二期

更改HTML或JAVASCRIPT中元素的ID，选择权在您手中。 document.getElementById已映射到peta

从<div id="map"></div>更改为<div id="peta"></div>

第3期

你的密钥似乎无效。更新你的密钥。

如何在谷歌地图中显示多个标记

1 个答案: