1

GoogleマップのサイトでホストしようとしているGoogleマップアプリケーションがあります。このアプリケーションは、ローカルのWebブラウザー、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/goosecreekgbt/home/prjmap/GooseCreekLogo.png

それ以外の：

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

他の画像も同様です。

于 2012-10-02T11:47:22.100 に答える
0

ホストされたファイル名が大文字と小文字を区別する場合、ローカルの場合は区別されません。したがって、.JPGは と同じではありません.jpg。

于 2012-09-29T06:26:25.347 に答える