Googleマップのinfroindowのボーダー半径を設定するには

私はGoogleマップのinfowindowを持っています、私はinfowindowにボーダー半径を設定したいと思います。どのようにそれを行う。Googleマップのinfroindowのボーダー半径を設定するには

、これは私のコード

var latlng = new google.maps.LatLng(lat,lng); 
    var myOptions = { 
    zoom : 8, 
    center : latlng, 
    mapTypeId : google.maps.MapTypeId.ROADMAP 
    } 
var map = new google.maps.Map(document.getElementById("map_canvass"), 
myOptions); 
var infowindow = new google.maps.InfoWindow(); 
infowindow.open(map, marker);

出典

2012-01-19 MVSANK

A試みる非常によく似た質問が既に回答された：[Googleマップ：？カスタム情報ウィンドウを作成する方法]（http://stackoverflow.com/questions/3860277/google-maps -how-to-create-a-custom-infowindow）。これは具体的に丸みを帯びたコーナー半径の設定について議論した –

である私は、あなたがコンテンツ以外を変更するには、カスタムインフォボックスオーバーレイを作成するために持っていると思う、Googleマップ情報ウィンドウは、私が間違っていない場合だけでスケーリングされた画像です。

カスタムを実行！ここでは例： http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

、ここで： http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html

出典

2012-01-19 15:30:59 jenswirf

あなたはCSSでも、それを行うことができます。私は、この作品のために：私は12に数えたくないので

#map_canvass > div > div > div > div > div:not(:first-child) > div > div:nth-child(12) { 
    border-radius: 10px 10px 10px 10px; 
}

出典

2013-05-16 08:07:33

を、私はドラッグ可能な属性は、それを特定することができましたが見つかりました：

のjQuery：

$(document).find('#map_canvas').find('div[draggable="false"]').css('border-radius', '5px');

CSS：

#map_canvas div[draggable="false"] { border-radius: 5px }

出典

2013-07-25 05:07:41

この回答はもう機能しません:( – Lewis42

リンクが壊れていて、古いコードが機能しなくなったようです。私のスクリプト

var infoElement = $('.gm-style-iw').prev(); 
var boxWrapper = infoElement[0].childNodes[1], 
    boxContainer = infoElement[0].childNodes[3]; 

//then set border-radius to wrapper and container via jQuery 
$(boxWrapper).css({ 
    borderRadius: 4 
}); 
$(boxContainer).css({ 
    border: '2px solid #FFC800', // if you wanna override new border 
    borderRadius: 4, 
});

preview here

出典

2016-09-24 05:50:12

Googleマップのinfroindowのボーダー半径を設定するには

答えて

関連する問題