0
私は迷惑になり、私のヘアラインはチョッピングブロックにあります。このサイトにマップAPIを統合したとき、ritaknoetze.comはすべて正常に機能しました。JavascriptとGoogle Maps API
しかし、異なるデモウェブサイトscarabpaperの正確なコードをコピーすると、マップがまったく表示されません。誰かが私が間違っていることについて私にロープを見せてもらえますか?
ここで私はGoogle自身から得たコードは、私は私のワードプレスのテーマ/インストール用に変更されていることだ:
はJavaScript:
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(-34.009839, 22.78101);
var myOptions = {
zoom: 9,
center: myLatlng,
navigationControl: true,
mapTypeControl: false,
scaleControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var image = '<?php bloginfo('template_url')?>/assets/googlemaps_marker.png';
var myLatLng = new google.maps.LatLng(-34.009839, 22.78101);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
}
</script>
Javascriptを行く私のHTML:
<div class="contact_container">
<div id="map_canvas"></div>
<div class="clearfloat"></div>
</div>
影響を受けるdivのための私のCSS
#map_canvas {
width: 880px;
height: 300px;
margin-left: 10px;
margin-bottom: 30px;
margin-top: 10px;
float: left;
border: 1px solid #dedcdc;}
.contact_container { /*container for ALL the contact info*/
background-color: #fff;
border: 1px solid #dedcdc;
width: 900px;
margin-top: 30px;
padding: 20px;
padding-bottom: 0;}
すべてのヘルプは大歓迎大幅だろう...
あなたはonload = 'javascript:initialize();'を添付することができます。体の上で – kjy112
@ kjy112: 'onload = 'initialize()'' –
あなたの鋭い目のためにMatt、kjy、Felixに感謝します。私のinitイベントは、特定のページでinit呼び出しのみを表示する誤ったphp関数によって隠されていたことが分かります。 Anyhooooo、私はそれを修正し、すべてがデモサイトで再びpeachyです - 私のヘアラインはあなたに負っています;) –