Google maps 谷歌地图位置卡重新定位

我试图在网站上使用google embed iframe问题是我想把它放在右边我使用的是API google，但我似乎无法将它放在正确的位置，而是放在中心。我整天都在想这个问题，我在append iframe上使用&wloc=true。下面是我的代码。这是我的JSFIDLE。请告知。

这就是我尝试使用地理编码的地方。但问题是它总是居中，我想把它放在右上角，因为我想用一些不透明度效果的div覆盖左侧。默认情况下，嵌入的标语牌（气泡）将仅张贴在左上方。我不想让它回到右上角，如果我能重新定位它们就好了。我也在使用基于API的脚本。我试图改变它的css，但它不允许我覆盖它。

#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}

信息窗口
//此示例在澳大利亚中部显示一个标记。
//当用户单击标记时，将打开一个信息窗口。
/*
geocoder=新的google.maps.geocoder（）；
var地址=‘维多利亚州阿斯科特谷亚历山大山路416号1层，邮编3032’；
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
map=new google.maps.map（document.getElementById（'map'）{
mapTypeId:google.maps.mapTypeId.SATELLITE，
缩放：9
});
map.setCenter（结果[0].geometry.location）；
var marker=new google.maps.marker({
地图：地图，
位置：结果[0]。几何体。位置
});
var请求={
位置：结果[0]。geometry.location，
//半径：50000，
//名字：'滑雪'，
//关键词:"山",，
类型：[“路线图”]
};
infowindow=new google.maps.infowindow（）；
var service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
}
否则{
//警报（“地理编码因以下原因未成功：“+状态”）；
}
});
返回false；
*/
函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var uluru={lat:-27.4649562，液化天然气：153.0261663}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：8，
中心：乌卢鲁
});
var contentString=''+
''+
''+
“乌鲁鲁”+
''+
“Uluru，也称为艾尔斯岩，是一个大型的”+
“南部的砂岩岩层”+
“澳大利亚中部的北领地。它位于335公里（208英里）处”+
“最近的大城镇艾丽斯·斯普林斯西南部；450 ；公里”+
"(280)英里(约160英里)的公路,卡塔特朱塔和乌鲁鲁是两个主要城市"+
“乌卢鲁-卡塔朱塔国家公园的特征。乌卢鲁是”+
“对Pitjantjatjara和Yankunytjatjara来说是神圣的”+
“该地区的土著居民。这里有许多泉水和水坑，”+
“岩洞和古画。乌鲁鲁被列为世界”+
“遗产地。
”+
“归属：乌卢鲁，”+
（上次访问日期为2009年6月22日）。
'+
''+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“乌卢鲁（艾尔斯岩）”
});
marker.addListener（'click'，function（））{
信息窗口。打开（地图、标记）；
});
google.maps.event.addListener（标记'click'，函数（）{
信息窗口。打开（地图、标记）；
});
信息窗口。打开（地图、标记）；
}

您可以在右上角添加一个div作为标记，单击标记时用适合标记的内容填充它（或者在地图加载时将其放在那里）

函数initMap（）{
var uluru={
lat:-27.4649562，
液化天然气：153.0261663
};
var map=new google.maps.map（document.getElementById（'map'）{
缩放：8，
中心：乌卢鲁，
fullscreenControl:错误
});
var contentString=''+
'' +
'' +
“乌鲁鲁”+
'' +
“Uluru，也称为艾尔斯岩，是一个大型的”+
“南部的砂岩岩层”+
“澳大利亚中部的北领地。它位于335公里（208英里）处”+
“最近的大城镇艾丽斯·斯普林斯西南部；450 ；公里”+
"(280)英里(约160英里)的公路,卡塔特朱塔和乌鲁鲁是两个主要城市"+
“乌卢鲁-卡塔朱塔国家公园的特征。乌卢鲁是”+
“对Pitjantjatjara和Yankunytjatjara来说是神圣的”+
“该地区的土著居民。这里有许多泉水和水坑，”+
“岩洞和古画。乌鲁鲁被列为世界”+
“遗产地。
”+
“归属：乌卢鲁，”+
（上次访问日期为2009年6月22日）。
'+
'' +
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“乌卢鲁（艾尔斯岩）”
});
marker.addListener（'click'，function（））{
document.getElementById（'infowindow'）。innerHTML=contentString；
document.getElementById（'infowindow'）.style.display=“block”；
});
google.maps.event.trigger（标记“click”）；
//创建一个div来保存控件。
    marker.addListener('click', function() {
      document.getElementById('infowindow').innerHTML = contentString;
      document.getElementById('infowindow').style.display = "block";
    });
    // Create a div to hold the control.
    var controlDiv = document.createElement('div');

    // Set CSS for the control border
    var controlUI = document.createElement('div');
    controlUI.style.backgroundColor = '#fff';
    controlUI.style.border = '2px solid #fff';
    controlUI.style.cursor = 'pointer';
    controlUI.style.marginBottom = '22px';
    controlUI.style.textAlign = 'center';
    controlUI.title = 'Click to recenter the map';
    controlDiv.appendChild(controlUI);
    controlUI.appendChild(document.getElementById('infowindow'));
    map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controlDiv);