0

CORS を有効にしようとしていますが、うまくいきません。私はApacheでcentos 6.5を実行しています。アプリケーション ワードプレス。私は次のことを試しました。

アパッチを再起動しました。それでもエラーが発生します：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://gateway.spectrumasa.com/dev/mcmap/test-geosml3.kmz. This can be fixed by moving the resource to the same domain or enabling CORS.

クリックではなくマウスオーバーで geoxml3 kml ポリゴン ツールチップを作成しようとしています

以下は、現在テンプレートにあるコードです。

<!-- <script type="text/javascript" src="<?=get_site_url(); ?>/wp-content/themes/twentytwelve-child/js/geoxml3.js.1"></script>
<script type="text/javascript" src="<?=get_site_url(); ?>/wp-content/themes/twentytwelve-child/js/ProjectedOverlay.js"></script>-->
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/src/infobubble.js"></script>
<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>
<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/trunk/ProjectedOverlay.js"></script>
<?php header('Access-Control-Allow-Origin: *');?>
<script type="text/javascript">
var geoXmlDoc = null;
var map = null;
jQuery(document).ready(function () {
var myOptions = {
        center: new google.maps.LatLng(-19.5968657,-40.7717683),
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var geoXml = new geoXML3.parser({
        map: map,
        singleInfoWindow: true,
        afterParse: useTheData
    });
    geoXml.parse('https://gateway.spectrumasa.com/dev/mcmap/test-geosml3.kmz');
// alert("done init");
}
);
    function useTheData(doc) {
    // Geodata handling goes here, using JSON properties of the doc object
    geoXmlDoc = doc;
    for (var i = 0; i < doc[0].placemarks.length; i++) {
        var placemark = doc[0].placemarks[i];
        polygonMouseover(placemark.polygon,placemark.name);
        // console.log(doc[0].markers[i].title);
        jQuery('#map_text').append(doc[0].placemarks[i].name + ', ');
    }
    };
var ib = new InfoBubble({
          shadowStyle: 0,
          padding: 0,
          backgroundColor: 'white',
          borderRadius: 4,
          arrowSize: 0,
          borderWidth: 1,
          borderColor: 'black',
          disableAutoPan: true,
          hideCloseButton: true,
          arrowPosition: 50,
          arrowStyle: 0
        });
function polygonMouseover(poly, text) {
   google.maps.event.addListener(poly,'mouseover', function(evt) {
     ib.setContent(text);
     ib.setPosition(evt.latLng);
     ib.setMap(map);
     ib.open()
   });
   google.maps.event.addListener(poly,'mouseout', function(evt) {
     ib.close()
   });
}
</script>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">



<div id="container" class="three_column_middle">
    <div id="content" role="main">
        <?php  if($post->post_parent){?>
        <div class="section_title"><?php echo get_the_title(); ?></div>     
        <?php }?>
        <div class="second-conent-container">
            <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part( 'content', 'page' ); ?>
                <?php comments_template( '', true ); ?>
            <?php endwhile; // end of the loop. ?>      

            <div id="map_canvas" style="width:600px;height:500px;"></div>

    <div id="map_text"></div>   
        </div>  
    </div><!-- #content -->

</div><!-- #container -->

<?php get_sidebar('right'); ?>
</div></div><!-- #3 column container -->

<?php get_footer(); ?>

ゲートウェイでは、パブリック アクセスの単なるプロキシ ルックアップです。

ProxyPassReverse /dev/mcmap http://172.16.0.29/mcmap
ProxyPass /dev/mcmap http://172.16.0.29/mcmap
ProxyPassReverse /dev/knowledgemap http://172.16.0.29/mcmap
ProxyPass /dev/knowledgemap http://172.16.0.29/mcmap

http://g00se.org/2013/07/reverse-proxy-with-cors.htmlを読んだ後、追加しました

<LocationMatch "/dev/mcmap">
   Header add "Access-Control-Allow-Origin" "*"
   Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
</LocationMatch>
4

3 に答える 3

0

これは、入力後に機能したようです

<LocationMatch "/dev/mcmap">
   Header add "Access-Control-Allow-Origin" "*"
   Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"
</LocationMatch>

プロキシで、ローカル サーバーのキャッシュをクリアします。

于 2014-12-02T16:53:45.053 に答える