Google maps 在谷歌地图上显示方向和星级的信息窗口

我正在尝试将infoWindow添加到标记中，标记应该位于地图的左侧。我想谷歌地图像这个附加图像

谷歌地图的当前代码：

<script>
      function initMap() {
        var uluru = {lat:<?= $location['lat'];?>,  lng: <?= $location['lng'];?>};
        var map = new google.maps.Map(document.getElementById('gmap_canvas'), {
          zoom: 14,
          center: uluru
        });

        var contentString = '<div id="content">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h4 id="firstHeading" class="firstHeading">Venue</h4>'+
            '<div id="bodyContent">'+
            '<p><a><?= $location['address'];?></a></p>'+
            '</div>'+
            '</div>';

        var infowindow = new google.maps.InfoWindow({
          content: contentString
        });

        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
        marker.addListener('click', function() {
          infowindow.open(map, marker);
        });
      }
    </script>

函数initMap（）{
var uluru={lat:，lng:}；
var map=new google.maps.map（document.getElementById（'gmap_canvas'）{
缩放：14，
中心：乌卢鲁
});
var contentString=''+
''+
''+
“地点”+
''+
“
”+
''+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
marker.addListener（'click'，function（））{
信息窗口。打开（地图、标记）；
});
}

您附加的图像来自嵌入API，而不是JavaScript API。如果您只需要一个标记和如图所示的infowindow，那么嵌入API可能更适合您。请参阅我们的文档：

获取与发布的图像完全相同的嵌入地图所需的代码如下：

<iframe

  width="600"

  height="450"

  frameborder="0" style="border:0"

  src="https://www.google.com/maps/embed/v1/place?key=MY_API_KEY
&q=Hotel+Sahara+star" allowfullscreen>
</iframe>

注意：为了安全起见，我已经修改了API密钥。如果你在代码中输入你自己的，你会得到一个看起来像你的图像的地图

如果希望改用javaScript API，则需要添加代码，将所有所需内容放入infoWindow。然而，嵌入API可以自动放置地名、地址、评级、方向等

---

我希望这有帮助

我可以使用google maps java脚本api将这种信息框包含在评分和方向中吗？我尽量不使用iframe，但我希望有一个信息窗口，就像我使用iframe时得到的一样。