Как установить радиус границы для Infowindow Google Map

Question

У меня есть информационное окно Google Map, я хочу установить радиус границы в информационное окно так как это сделать.

и это мой код

  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); 

Answer 1

Вы можете сделать это также с помощью CSS.Для меня это работает:

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

Answer 2

Я думаю, что вам нужно создать пользовательский информационный оверлей, чтобы изменить что-либо, кроме содержимого, информационное окно Google Maps - это, если я не ошибаюсь, просто масштабированное изображение.

Перейти на заказ!Пример здесь: http://google -maps-utility-library-v3.googlecode.com / svn / trunk / infobubble / examples / example.html

и здесь: http://gmaps -samples-v3.googlecode.com / SVN / багажник / infowindow_custom / InfoWindow-custom.html

Answer 3

Предыдущие ответы, кажется, устарели, мне удается сделать это с помощью следующего CSS:

.gm-style > div > div + div + div > div > div + div > div > div > div + div {
    border-radius: 10px 10px 10px 10px !important;
}

Answer 4

Да, кажется, что ссылка мертва и старый код больше не работает.попробуйте мой скрипт

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,
});

предварительный просмотр здесь

Answer 5

Поскольку я не люблю считать до 12, я обнаружил, что перетаскиваемый атрибут может его идентифицировать:

JQuery:

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

CSS:

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