こちらの質問に関連したことなのですが、質問の内容が変わってしまったので改めてご教授願います。
下記のような表示をcategory-スラッグ.phpにしたいと思っております。
WordPressとプラグインを使ってお店紹介サイトを作る方法というサイトが一番イメージに近いと思い、
ヘッダー.phpに下記を追加し
php
1<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
「category-スラッグ」に下記を入力しました。
php
1<div id="map" style="width: 550px; height: 620px;"></div> 2<script type="text/javascript"> 3 google.maps.event.addDomListener(window, 'load', function() { 4 var mapdiv = document.getElementById( 'map' ); 5 var myOptions = { 6 zoom: 15, 7 center: new google.maps.LatLng( 35.68971, 139.69168 ), 8 mapTypeId: google.maps.MapTypeId.ROADMAP, 9 scaleControl: true 10 }; 11 var map = new google.maps.Map( mapdiv, myOptions ); 12 13 var marker = []; 14 var infowindow = []; 15 16<?php $m=0; $m1=0; $m2=0; $i=0; $i2=0; ?> 17 18<?php while (have_posts()) : the_post(); ?> 19 20 marker[<?php echo $m++; ?>] = new google.maps.Marker({ 21 icon: 'http://maps.google.co.jp/mapfiles/ms/icons/blue-pushpin.png', 22 position: new google.maps.LatLng( <?php echo post_custom("Map_lat")?>,<?php echo post_custom("Map_lng")?> ), 23 map: map, 24 title: '<?php the_title(); ?>' 25 }); 26 infowindow[<?php echo $i++; ?>] = new google.maps.InfoWindow({ 27 content: '<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>', 28 size: new google.maps.Size( 50, 30 ) 29 }); 30 google.maps.event.addListener( marker[<?php echo $m1++; ?>], 'click', function() { 31 infowindow[<?php echo $i2++; ?>].open( map, marker[<?php echo $m2++; ?>] ); 32 }); 33<?php endwhile; // End the loop. Whew. ?> 34 var markerCluster = new MarkerClusterer( map, marker ); 35 }); 36</script>
ですが、googlemapが全く描画されない状態です。エラーコードもなく、サイズ分の枠(CSSで指定したborder)のみの真っ白な状態です。
出力されたページのソースを見たところ、情報自体は入っています。(各記事の情報とリンク)
googlemap系のプラグインは全て停止している状態です。
間違っている点などがありましたら、ご教授願います。
回答2件
あなたの回答
tips
プレビュー