谷歌地图显示问题


Google Map Display Issue

我正在尝试从下面的代码中做两件事:

  1. 如果地理编码不成功,则不要显示地图(到目前为止,我只隐藏了错误消息。
  2. 如果成功,则在重新加载地址之前仅加载地址而不是原始latlng。

你必须原谅所有的单引号,javascript在php回显下加载。

欢迎任何想法,理想情况下我想在javascript中处理它,但如果需要,我不介意一点php,我希望在网站的几个区域使用它。

echo '
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(51.500141,-0.125195);           
    var address = '''.$company.', '.$address_l1.', '.$address_l2.', '.$address_l3.', '.$town.', '.$county.', '.$post_code.', '.$country.''';                            
    var myOptions = {
        zoom: 16,
        scrollwheel: false,
        navigationControl: false,
        mapTypeControl: false,
        scaleControl: false,
        streetViewControl: false,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    geocoder.geocode( { ''address'': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map, 
                position: results[0].geometry.location
            });
        } else {
            //alert("Geocode was not successful for the following reason: " + status);
        }
    });
}
</script>           
<div id="map_canvas"></div>
';

将地图创建移动到地理编码的成功功能中,并使用document.getElementById('map_canvas').style.display='block'或none在失败时显示/隐藏地图。