настройка содержимого окна информации моих карт Google

Question

Я пытаюсь преобразовать следующий код в jquery или просто заставить его работать, чтобы сэкономить массу кода для моего информационного окна. Я также пытаюсь сделать информационное окно очень похожим на мини-страницу HTML с изображением и т. Д. Поэтому я искал это решение в течение трех недель здесь. Я посмотрел много видео и не могу заставить его работать. Карта работает, местоположение в течение долгого времени, все работает, но информационное окно ужасно. Помогите, пожалуйста!

 <div id="map" style="width:100%; height:400px;"></div>
        function myMap() {
         var contentString = ' <div class="panel panel-info" Style="width:auto; height:auto;display: block; min-height: 134px;" scrolltop="0" scrollleft="0"">' +' <div class="panel-heading text-center" >' +'Sign Information' +
        ' </div >' +'<div class="panel-body">' +' <div style="float:inherit; width: 50%;">' +' </div>' +' </div>' + ' <div style="float:right; width:50%">' + ' <div class="k-content" style="width:200px">' + ' </div>' +
        '  </div>' +' </div >'
        var myCenter = new google.maps.LatLng(33.367302, -88`enter code here`.322125);
        var mapCanvas = document.getElementById("map");
        var mapOptions = { center: myCenter, zoom: 6 };
        var map = new google.maps.Map(mapCanvas, mapOptions);
        google.maps.event.addListener(map, 'click', function (event)
         {
              placeMarker(map, event.latLng);

         });

         function placeMarker(map, location)
         {
            var marker = new google.maps.Marker(
        {
              position: location,
              map: map

         });
          var infowindow = new google.maps.InfoWindow({
           content:( 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng() + contentString)

         });
         infowindow.open(map, marker);

         }

                    function geocode() {


                    }

                }

информационное окно замечает довольно синий, где я хочу весь контент, а не большую белую область, не могу понять, как это исправить, хотя

Answer 1

Также

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

внести эти корректировки ...

var infowindow = new google.maps.InfoWindow({
 content :  'Latitude: ' + location.lat() + '<br>' + 'Longitude: ' + location.lng()+ '' });

infowindow.setContent(content);
infowindow.open(map, marker);

http://jsbin.com/tixini/edit?html,css,js,console,output