我创建了一个自定义的谷歌地图来显示我的业务分支，（它存储在一个名为[map locations].php的文件中。
当我在浏览器中打开这个文件时，文件会完美地显示出来，但如果我试图使用include语句包含这个php文件，它根本不会显示。
我曾尝试将代码直接复制并粘贴到我希望代码显示的网站页面上，但它也没有显示在那里。
我更希望能够通过include语句显示地图，但现在只显示就太好了！
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
.wrap { max-width: 75em; min-height: 40em; height:600px; width:500px; margin: 0 auto; padding-top: 2.5%;}
#map-canvas { height: 90%; }
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
var map;
var centerPos = new google.maps.LatLng(51.6491587,0.0386048);
var zoomLevel = 11;
function LogoControl(controlDiv, map) {
controlDiv.style.padding = '5px';
var controlUI = document.createElement('div');
controlUI.style.backgroundImage = 'url(http://www.1stopinstruction.com/media/images/logos/1stop/googlemap-title.gif)';
controlUI.style.width = '275px';
controlUI.style.height = '65px';
controlUI.style.cursor = 'pointer';
controlUI.title = 'Click to set the map to Home';
controlDiv.appendChild(controlUI);
google.maps.event.addDomListener(controlUI, 'click', function() {
map.setCenter(centerPos)
map.setZoom(zoomLevel)
});
}
function initialize() {
var mapOptions = {
center: centerPos,
zoom: zoomLevel
};
map = new google.maps.Map( document.getElementById("map-canvas"), mapOptions );
var locations = [
['East London - Ilford (Fairlop Powerleague)', 51.598589, 0.101594],
['North London - Tottenham (Frederick Knight Sports Ground)',51.607052, -0.054270],
['Highams Park - Chingford (LGV & PCV Only)',51.609685, -0.005183],
['North Weald Airfield (kneedown & Wheelie Only)',51.717709, 0.160214],
['Office Address',51.572126, 0.106147]
]
var image = "http://www.1stopinstruction.com/media/images/logos/1stop/googlemap-icon.gif";
logoControlDiv = document.createElement('div');
var logoControl = new LogoControl(logoControlDiv, map);
logoControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_CENTER].push(logoControlDiv);
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
title: locations[i][0],
map: map,
icon: image
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<body>
<div class="wrap">
<div id="map-canvas"></div>
</div>
</body>
问题是您的javascrip代码是在DOM完全充电之前执行的。将您的javascript代码放在文档的底部<div class="wrap">...</div>之后，但放在body标记