Javascript 如何在嵌入式谷歌地图上显示业务

Javascript 如何在嵌入式谷歌地图上显示业务,javascript,google-maps,Javascript,Google Maps,我试图在我的嵌入式地图中加入一项业务,但我一生都做不到D 到目前为止,我得到的是: <div id="map"></div> <script> function initMap() { var uluru = {lat: 47.7914, lng: 22.87691}; var map = new google.maps.Map(document.getElementById('map'), {

我试图在我的嵌入式地图中加入一项业务,但我一生都做不到D

到目前为止,我得到的是:

<div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: 47.7914, lng: 22.87691};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 17,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=MYMAPAPIlanguage=hu&callback=initMap">
</script>
我想包括这项业务:

我在网上所能找到的就是使用iFrame,因为速度太快,我会避免使用iFrame。 谢谢

作为参考,这是我想要在没有iFrame的情况下实现的目标: 使用信息窗口

    var map = new google.maps.Map(element, {
        center: {lat: lat, lng: lng}, //location of the map center
        zoom: 6
    });

    var infoWindow = new google.maps.InfoWindow({map: map});

    //Location of your object
    var pos = {
        lat: lat,
        lng: lng
    };

    infoWindow.setPosition(pos);
    infoWindow.setContent('Business'); //Name of the infowindow
下面是它的样子
您只需添加所需的坐标即可添加标记并使地图居中。就像这里。您还可以添加一个信息窗口来描述该位置的更多内容

  /*
   * create map
   */
  var map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(47.791846, 22.876955), // <--- I found these are the coordinates for the place you mentioned
    zoom: 17,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  /*
   * create infowindow (which will be used by markers)
   */
  var infoWindow = new google.maps.InfoWindow();

选中此项查看正在运行的地图

谢谢。我将使用作为备份,我正在尝试实现以下目标:谢谢。这一目标正在实现,但仍然不是我想要实现的目标我已经用我需要的参考图片更新了这个问题。相关问题:地图上的红色文本,但不是带有文本的白色框,等等