0

以下に、マップとマーカーを表示するコードを示します (Json から)。

$('#map_canvas').gmap().bind('init', function() { 
    $.getJSON( '../js/locate.php', function(data) { 
        $.each( data.markers, function(i, marker) {
            var mapvalue=new google.maps.LatLng(marker.latitude, marker.longitude);  

            $('#map_canvas').gmap('addMarker', { 
                'tags': [''+marker.category+''],
                'position': mapvalue, 
                'bounds': true,                             
                'icon':'../images/'+marker.category+'.png',
                'animation':google.maps.Animation.DROP
            }).click(function() {
                $('#map_canvas').gmap('openInfoWindow', { 'content': ''+marker.category+'<BR><div id="cust_content"></div>' }, this);
                setTimeout("opencust(\'" +marker.id+"\');",100);
            });                 
        });                                      
    });  
});

新しいアドセンス スクリプトをマップに含める方法: https://developers.google.com/maps/documentation/javascript/advertising#AdvertisingAdUnit

ご協力いただきありがとうございます！

4

1 に答える 1

2

少し調査した後、いくつかの変更を加えて機能させました。次の手順を実行する必要があります。

  1. まず、Google マップ JS に Adsense を含めます。libraries=adsense&の追加に注意してください

    <script src="http://maps.google.com/maps/api/js?libraries=adsense&sensor=true"></script>

  2. 以下のように JS を変更します。$('# map_canvas ').gmap('get','map') に注意してください

    $('#map_canvas').gmap().bind('init', function() {
    $.getJSON( '../js/locate.php', function(data) {
        $.each( data.markers, function(i, marker) {
            var mapvalue=new google.maps.LatLng(marker.latitude, marker.longitude);
                $('#map_canvas').gmap('addMarker', {
                'tags': [''+marker.category+''],
                'position': mapvalue,
                'bounds': true,
                'icon':'../images/'+marker.category+'.png',
                'animation':google.maps.Animation.DROP
            }).click(function() {
                $('#map_canvas').gmap('openInfoWindow', { 'content': ''+marker.category+'<BR><div id="cust_content"></div>' }, this);
                setTimeout("opencust(\'" +marker.id+"\');",100);
            });
        });
    });
    var adUnitDiv = document.createElement('div');
    var adUnitOptions = {
        format: google.maps.adsense.AdFormat.HALF_BANNER,
        position: google.maps.ControlPosition.TOP,
        backgroundColor: '#c4d4f3',
        borderColor: '#e5ecf9',
        titleColor: '#0000cc',
        textColor: '#000000',
        urlColor: '#009900',
        map: $('#map_canvas').gmap('get','map'),
        visible: true,
        publisherId: 'YOUR_PUBLISHER_ID'
    };
    adUnit = new google.maps.adsense.AdUnit(adUnitDiv, adUnitOptions);
});
于 2012-11-27T08:38:55.590 に答える