使用标记上的JSON数据触发自定义信息窗口

Question

使用Geocoder放置标记后，我想触发自定义信息窗口。 到目前为止，我有一个带有geoJSON数据层的地图，该地图包含一系列要素（多边形）。 我创建了一个自定义信息窗口，一旦用户单击多边形，该窗口就会显示来自数据层的数据。 但是我似乎无法在标记位置上触发相同的自定义信息窗口...我无法访问要素数据来构建弹出窗口的内容。

到目前为止，这里是我正在努力解决的showAddress（）部分。

var map = null;
var geocoder = null;
var marker = null;

function initialize() {
  geocoder = new google.maps.Geocoder();
  var local = new google.maps.LatLng(<?php echo get_theme_mod( 'lat-long' )?>);

  map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: local,
    zoom: <?php echo get_theme_mod( 'zoom' )?>
  });

  var infoWindow = new google.maps.InfoWindow();

  var jsonData = jQuery.ajax({ 
        url : '/wp-admin/admin-ajax.php', 
        type : 'POST',
        dataType: "json",
        data : {
            action : 'ajax_get_geo',
        },
        success: function(obj) {
         console.log('Got JSON');
    },
     error: function(xhr) {
           alert(xhr.statusText)
    }
  });

  var featurecollection = [];
  jQuery.when(jsonData).done(function(dd) {
    jQuery.each(dd, function(index, item) {
          featurecollection.push(
            JSON.parse(dd[index].geometry)
          );
        });

     // console.dir(featurecollection);
      map.data.addGeoJson(JSON.parse(dd[0].geometry));
  });

 map.data.addListener( 'click', function(e) {
         windowControl(e, infoWindow, map);
    });

  map.data.addListener(marker, "click", function(e) {
        wndowControl(e, infoWindow, map);
    }); 

}
// Open the info window at the clicked location
function windowControl(e, infoWindow, map) {
   var feat = e.feature;
        if ( (feat.getProperty('type'))!= 'WS' ) {
            var point = e.latLng.toUrlValue(6);
            var latlngStr = point.split(',', 2);
            var lat = parseFloat(latlngStr[0]);
            var lng = parseFloat(latlngStr[1]);
            var latlng = new google.maps.LatLng(lat, lng);
            if (marker && marker.setMap) marker.setMap(null);
              marker = new google.maps.Marker({
              position: latlng,
              map: map
             });
             console.log(feat.getProperty('objectid'));
             var tname = feat.getProperty('name'); // name
             var targetDist =  feat.getProperty('info_html'); // description

             e.infoWindowHtml = "<div class=\"grid-100\"><h2>"+tname+"</h2>"+targetDist+"<hr></div><div class=\"grid-50\">";
             infoWindow.setOptions({
                content: e.infoWindowHtml,
                position: e.latLng,
                pixelOffset: e.pixelOffset
            });
            infoWindow.open(map);
        }
    }  


function showAddress() {
    var address = document.getElementById('address').value;

    geocoder.geocode( { 'address': address + ', CA'}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        var point = results[0].geometry.location;
            if (marker && marker.setMap) marker.setMap(null);
              marker = new google.maps.Marker({
              map: map, 
              position: point
              });
              if (results[0].geometry.viewport) {
                    map.fitBounds(results[0].geometry.viewport);
        }


      // Not sure what to do HERE to get this to work, ideally trigger this windowControl()

        new google.maps.event.trigger( marker, 'click' );








      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
} // End showAddress

google.maps.event.addDomListener(window, 'load', initialize);