gpt4 book ai didi

google-maps - OpenLayers + 谷歌广告

转载 作者:行者123 更新时间:2023-12-04 16:15:40 24 4
gpt4 key购买 nike

如何使用 Google map 图层在 OpenLayers 中使用 Google Adsense?

在谷歌地图 (v2) map 中使用 adsense 的代码:

map = new GMap2(document.getElementById("Gmap"));
adsManager = new GAdsManager(
map,
"ca-pub-xxxxxxxxxxxxxxxx",
{
maxAdsOnMap : 4,
style: 'adunit'
}
);
adsManager.enable();

## The HTML:
<div id="Gmap"></div>

result ads in google maps v2

在 openlayers 中显示谷歌地图的代码:
map = new OpenLayers.Map("olmap")
var gmap = new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 20});
map.addLayers([gmap]);

## The HTML:
<div id="olmap"></div>

有没有办法在openlayers中获取谷歌地图对象?然后我可以使用第一个代码来添加广告。

最佳答案

我找到了!查看 Openlayers 源代码和 firebug :)

似乎当你有这个代码时

map = new OpenLayers.Map("olmap")
var gmap = new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 20});
map.addLayers([osm, gmap]);

## The HTML:
<div id="olmap"></div>

你可以使用这个 js 来引用谷歌地图对象
map.baseLayer.mapObject

所以,根据 this ,它会是这样的
## html
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=adsense&sensor=true_or_false"></script>
<div id="olmap"></div>

## js
map = new OpenLayers.Map("olmap")
var gmap = new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 20});
map.addLayers([gmap]);

var adUnitDiv = document.createElement('div');
var adUnitOptions = {
format: google.maps.adsense.AdFormat.HALF_BANNER,
position: google.maps.ControlPosition.TOP,
map: map.baseLayer.mapObject,
visible: true,
publisherId: 'YOUR_PUBLISHER_ID'
}
adUnit = new google.maps.adsense.AdUnit(adUnitDiv, adUnitOptions);

(未测试)

关于google-maps - OpenLayers + 谷歌广告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11423618/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com