使用jquery / javascript在谷歌地图上显示地址

Question

我想在javascript中使用事件点击复选框在谷歌地图上显示数据库中的地址。我无法使用var url这样做。如何显示列表对象的值（地址）？感谢您的帮助。感谢

HTML：

<div class="ellipsis">
    <a href="#"><p><b>{!! $listing->address !!}<br>{!! $listing->city !!}, {!! $listing->state !!} {!! $listing->postal !!}</b></p></a>
</div>

JavaScript如下：

var map = new google.maps.Map(document.getElementById('gmaps-markers'), {
          zoom: 6,
          center: {lat: 37.533333, lng: -77.466667}
        });
        var geocoder = new google.maps.Geocoder();

        //sample markers, but you can pass actual marker data as function parameter
         document.getElementById('checkbox1').addEventListener('click', function() {
          var map = new google.maps.Map(document.getElementById('gmaps-markers'), {
          zoom: 6,
          center: {lat: 37.533333, lng: -77.466667}
        });

           if($(this).is(":checked"))
           {
              geocodeAddress(geocoder, map);
            }
          else
            {
                map.setMap(null);
            }
        });

         function geocodeAddress(geocoder, resultsMap) {

        var url = '<?php echo $listing ;?>';
        var request = {address: url};
        console.log(request);
        geocoder.geocode(request, function(results, status) {
          if (status === 'OK') {
            resultsMap.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
              map: resultsMap,
              position: results[0].geometry.location
            });
          } else {
            alert('Geocode was not successful for the following reason: ' + status);
          }
        });
      }

     return map;