我正在尝试使用Google Maps API对以下地址进行地理编码-> Noguera 429 San Antonio de Padua。该地址来自数据库，并存储在变量地址中。这是我的代码：
var address = '<?php echo $cerrajero["direccion"]?>'+' '+'<?php echo $cerrajero["ciudad"]?>';
var myCenter;
function initialize(){
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
"address": address
},function(results){
myCenter = results[0].geometry.location;
});
var mapProp = {
center:myCenter,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker=new google.maps.Marker({
position:myCenter,
icon:'css/images/pin.png'
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
接着：
<div id="googleMap" class="map" style="height:250px;"></div>
最后：
.map{
margin: 0 0 18px 0;
width: 100%;
}
但是我的地图没有显示。它只是显示一个灰色块，javascript有什么问题吗？
PS：变量地址可以，我在控制台上检查了一下。
地理编码器是异步的，您必须在可用的时间/位置在回调函数中使用结果。
代码段：
var address = 'Noguera 429 San Antonio de Padua';
var myCenter;
function initialize() {
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
"address": address
}, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
myCenter = results[0].geometry.location;
var mapProp = {
center: myCenter,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = new google.maps.Marker({
position: myCenter,
// icon:'css/images/pin.png'
});
marker.setMap(map);
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);html,
body,
#googleMap {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="googleMap"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句