1

我有一个谷歌地图应用程序，我们正试图将它托管在谷歌地图的网站上。该应用程序在我的本地网络浏览器、IE、Firefox、Chrome 等上运行良好，但是当我上传相同的应用程序并为 Google 网站修改了图像文件路径时；一些 JPG 文件会加载，但大多数不会。这还包括一些小的 .PNG 文件。我是 Javascript 的初学者程序员，有人能告诉我发生了什么吗？？？请帮助...我的代码：

<!DOCTYPE html>
<html>
    <head>
      <meta name="viewport" content="initial-scale=0.4, user-scalable=YES" />
      <style type="text/css">
        html { height: 100% }
        body { height: 100%; margin: 0; padding: 0 }
        #map_canvas { height: 100% }
       </style>
   <script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCyGkoZ07Vr67PDxHpbgD0Zxb-oP6-wqH8sensor=true">
   </script>
   <script type="text/javascript">
      function initialize() {
      var myLatlng = new google.maps.LatLng(50.011164, -113.039978);
    var myOptions = {
      zoom: 7,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN,
      mapTypeControl: true,
      mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
        navigationControl: true,
        navigationControlOptions:
                    {style:google.maps.NavigationControlStyle.MEDIUM}
     };

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var georssLayer = new google.maps.KmlLayer('https://sites.google.com/site/leastcostpath/home/AOI_70.kmz?attredirects=0&d=1');
    georssLayer.setMap(map);
    var compPos = new google.maps.LatLng(50.611833, -113.622775);

///***  Logo files does not load, work okay in local browsers  *** ///      
            var compLogo = new google.maps.MarkerImage('https://sites.google.com/site/goosecreekgbt/home/prjmap/Goosecreeklogo.png',
        new google.maps.Size(60,40),
        new google.maps.Point(0,0),
        new google.maps.Point(-60,40)
        );
        var compMarker = new google.maps.Marker({
        position: compPos,
        map: map,
        icon: compLogo,
        title:"Goosecreek - Blackie"
    });

    var ctyPos = new google.maps.LatLng(51.802294, -112.577147);
    var ctyLogo = new google.maps.MarkerImage('https://sites.google.com/site/goosecreekgbt/home/prjmap/starlandlogo.png',
        new google.maps.Size(62,20),
        new google.maps.Point(0,0),
        new google.maps.Point(-40,20)
        );
        var ctyMarker = new google.maps.Marker({
        position: ctyPos,
        map: map,
        icon: ctyLogo,
        title:"Starland County"
    });

///  Site info   ////
   //M_Deli1
    var latLng_Deli1 = new google.maps.LatLng(51.6320281, -112.3740475);
    var contentString_Deli1 ='<div id="content"><div id="siteNotice"></div><div </a>
           <img src="../Starlandlogo.JPG" </div><H2>Delia Hockey Rink</H2> <p>5KW Side-Mount
     System<br /><br /> Panel: 21 Sharp 230W panels<br /> Inverter: Enphase Energy<br />
 </p><div </a><img src="https://sites.google.com/site/goosecreekgbt/home/prjmap/
    Delia_Arena.JPG" alt="5KW System"/ > <br /></div>';
    var infowindow_Deli1 = new google.maps.InfoWindow({
        content: contentString_Deli1
    });
    var marker_Deli1 = new google.maps.Marker({
        position: latLng_Deli1,
        map: map,
        title:"Delia Hockey Rink"
    });
    google.maps.event.addListener(marker_Deli1, 'click', function() {
        infowindow_Deli1.open(map, marker_Deli1);
});

///................   lots more site follows  ...............//
 }

  </script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>

4

2 回答 2

1

文件名大小写错误。你应该使用：

https://sites.google.com/site/goosecreekkgbt/home/prjmap/GooseCreekLogo.png

代替：

https://sites.google.com/site/goosecreekkgbt/home/prjmap/Goosecreeklogo.png

其他图像也一样。

于 2012-10-02T11:47:22.100 回答
0

托管文件名区分大小写时，本地文件名不区分大小写。所以，.JPG不一样.jpg。

于 2012-09-29T06:26:25.347 回答