Google Maps JavaScript API v3 AdSense Library Demonstration

Description

Google Maps JavaScript API v3 AdSense Library demonstration allows you to see how it works and what it looks like to the end-user.

The Maps Ad Unit in the Google Maps JavaScript API allows you to put display advertising on a map to monetize your Google Maps API application. The Maps Ad Unit will be turned off on November 2, 2015. You can use AdSense ad units instead.

Migrating from a Google Maps JavaScript API ad unit to an AdSense ad unit

How it Works

var map;

var geocoder;
var ad = '<ins class="adsbygoogle" style="display:inline-block;width:320px;height:100px" data-ad-client="ca-pub-XXXXXXXXXXX" data-ad-slot="YYYYYYYYY"></ins>';
function initialize() {

  var monterey = new google.maps.LatLng(41.38087,2.122802);

  var mapOptions = {

  center: monterey,

  zoom: 9,

  mapTypeId: google.maps.MapTypeId.ROADMAP,

  mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU}

  };

  map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

  

  var adNode = document.createElement('div');

  adNode.innerHTML = ad;

  // You can use another ControlPosition if you wish.

  map.controls[google.maps.ControlPosition.TOP_CENTER].push(adNode);

  google.maps.event.addListenerOnce(map, 'tilesloaded', function() 

  {

  (adsbygoogle = window.adsbygoogle || []).push({});

  });

  }

Relevant Links

http://www.google.com/apis/maps/

Version History