2

誰かが私を助けることができますか?

GoogleMapsAPIでのinfoWindowの表示に問題があります-背景の影が正しく表示されません。影の透明度は機能しません。

[ウェブページで問題を確認できます][1](問題を表示するには、丸で囲まれた赤い文字Aをクリックしてください)

コードはここにあります:

var geocoder;
var map;
function initialize() {  
var pinkParksStyles = [
{
featureType: "all",
stylers: [
{ saturation: -80 }
]
},
{
featureType: "landscape.man_made",
stylers: [
{ hue: "#ed1c26" },
{ saturation: 100 },
{ gamma: 0.2 }
]
}
];   

var pinkMapType = new google.maps.StyledMapType(pinkParksStyles,
{name: "Architektonická mapa"});

geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(49.830896,15.331421);


var myOptions = {
  zoom: 7,
  center: latlng,
  mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, "pink_parks"]
  }
}

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var hvezdo = new google.maps.LatLng(49.872623,14.769359);

map.mapTypes.set("pink_parks", pinkMapType);
map.setMapTypeId("pink_parks");

var image = "http://www.cka2011.cz/archbook/wp-content/plugins/Ada_archmapa/icon-arch.png";

var hvezdo = new google.maps.LatLng(49.872623,14.769359);

  var marker = new google.maps.Marker({
  position: hvezdo,
  map: map,
  title:"matomas.cz",
  icon: image, 
});

var contentString = "<div id=content>"+
"<div id= siteNotice >"+
"</div>"+
"<h2 id= firstHeading  class= firstHeading >Uluru</h2>"+
"<div id= bodyContent >"+
"<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large " +
"sandstone rock formation in the southern part of the "+
"Northern Territory, central Australia. It lies 335 km (208 mi) "+
"south west of the nearest large town, Alice Springs; 450 km "+
"(280 mi) by road. Kata Tjuta and Uluru are the two major "+
"features of the Uluru - Kata Tjuta National Park. Uluru is "+
"sacred to the Pitjantjatjara and Yankunytjatjara, the "+
"Aboriginal people of the area. It has many springs, waterholes, "+
"rock caves and ancient paintings. Uluru is listed as a World "+
"Heritage Site.</p>"+
"<p>Attribution: Uluru, <a href= http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194 >"+
"http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>"+
"</div>"+
"</div>";

var infobox = new google.maps.InfoWindow({
content: contentString
 });

google.maps.event.addListener(marker, "click", function() {

infobox.open(map,marker);
});
}

function codeAddress() {
var address = document.getElementById("address").value;
geocoder.geocode( { "address": address}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
    map.setCenter(results[0].geometry.location);
    map.setZoom(14);
    var marker = new google.maps.Marker({
        map: map,
        position: results[0].geometry.location
    });
  } else {
    alert("Geocode was not successful for the following reason: " + status);
  }
  });
  }
4

2 に答える 2

5

CSSがマップに干渉しています:

.entry img, img.thumbnail {
    background-color: #FFFFFF;

マップの画像の背景色をオフにする必要があります。

#map_canvas img {
    background-color: transparent;
    }

(あなたのページもdatetime is undefined毎秒エラーを起こします。)

于 2012-05-11T22:17:33.460 に答える
0

スタイル シートが情報ウィンドウのレンダリングに影響を与えています。

このスタイルシートの 285 行目:

.entry img, img.thumbnail { padding: 5px; background:#FFF; }

カスケードし、情報ウィンドウを含むすべての要素に影響を与えます。すべての子 img 要素に影響を与えないように、スタイルシートをより具体的にすることをお勧めします。

于 2012-05-11T22:20:59.047 に答える