google-maps - Google マップが OSClass に完全にロードされない

Question

に次のコードがありますosclass\oc-content\themes\modern\item.php。

<strong class="share"><a href="#" id="map" rel="nofollow"><?php _e('Map', 'modern'); ?></a></strong>

<strong class="share"><a href="#" id="photo" rel="nofollow"><?php _e('Photo Gallery', 'modern'); ?></a></strong>

<div class="map" style="display:none;">
    <?php osc_run_hook('location'); ?> 
</div>

    <div class="slider-wrapper theme-light image" >
            <div id="slider" class="nivoSlider">                        
            <?php if( osc_images_enabled_at_items() ) { ?>
                <?php if( osc_count_item_resources() > 0 ) { ?>
                    <?php for ( $i = 0; osc_has_item_resources(); $i++ ) { if (osc_resource_for() == 2 ) {  ?>
                        <img src="<?php echo osc_resource_url(); ?>" width="100%" height="240px;" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" />
                    <?php } } ?>
                <?php } ?>
            <?php } osc_reset_resources();  ?>  
        </div>
    </div>

そしてJavaScriptコードは、

$("#photo").click(function() {      
    $(".image").css("display","block");
    $(".map").css("display","none");
});

$("#map").click(function() {
    $(".map").css("display","block");
    $(".image").css("display","none");
});     

ここの写真は良好にロードされています。しかし、 をクリックすると、地図は次のような問題を起こします#map。

最初にマップをロードして手段に設定display:none;する.imageと、マップは完全かつ適切にロードされます。

問題はどこだ？

Answer 1

バージョン 3.1 をテストしたところ、ローカルホストで動作しています