Javascript 谷歌地图以类似位置的方式显示https://maps.google.com/maps?q=loc:28.617885999999999,77.372363000000007_Javascript_Google Maps_Iframe_Google Maps Api 3

Javascript 谷歌地图以类似位置的方式显示https://maps.google.com/maps?q=loc:28.617885999999999,77.372363000000007

javascript google-maps iframe google-maps-api-3

Javascript 谷歌地图以类似位置的方式显示https://maps.google.com/maps?q=loc:28.617885999999999,77.372363000000007,javascript,google-maps,iframe,google-maps-api-3,Javascript,Google Maps,Iframe,Google Maps Api 3,我们如何使用使用iframe或其他东西直接输入输出html。我还想显示位置，比如它在其中显示的位置或者你可以帮助我使用javascript api，比如我使用了它，但没有像以前一样显示位置标记 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type

我们如何使用

使用iframe或其他东西直接输入输出html。我还想显示位置，比如它在其中显示的位置

或者你可以帮助我使用javascript api，比如

我使用了它，但没有像以前一样显示位置标记

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(28.617885999999999, 77.372363000000007),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
      }
    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
函数初始化（）{
变量映射选项={
中心：新google.maps.LatLng（28.61788599999977.37236300000007），
缩放：8，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
地图选项）；
}

请提前帮助thx


<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?&sensor=false">
    </script>
    <script type="text/javascript">
      var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var Lat = 28.617885999999999;
    var Long = 77.372363000000007;
    var latlng = new google.maps.LatLng(Lat, Long);
    var mapOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    var address = Lat+', '+Long;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert("Sorry no recent location");
      }
    });
  }

    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>
  </body>
</html>

html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
var地理编码器；
var映射；
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
var Lat=28.617885999999；
var Long=77.372363000000007；
var latlng=新的google.maps.latlng（Lat，Long）；
变量映射选项={
缩放：12，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
var地址=Lat+'，'+长；
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
map.setCenter（结果[0].geometry.location）；
var marker=new google.maps.marker({
地图：地图，
位置：结果[0]。几何体。位置
});
}否则{
警报（“对不起，没有最近的位置”）；
}
});
}

顺便说一句，是我自己做的，没有使用地理编码器：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?&sensor=false">
    </script>
    <script type="text/javascript">

  var map;
  function initialize() {
    var Lat = 28.617885999999999;
    var Long = 77.372363000000007;
    var latlng = new google.maps.LatLng(Lat, Long);
    var mapOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    var marker = new google.maps.Marker({
        map: map,
        position: latlng
    });
  }

    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>
  </body>
</html>


html{高度：100%}
正文{高度：100%；边距：0；填充：0}
#地图画布{高度：100%}
var映射；
函数初始化（）{
var Lat=28.617885999999；
var Long=77.372363000000007；
var latlng=新的google.maps.latlng（Lat，Long）；
变量映射选项={
缩放：12，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
var marker=new google.maps.marker({
地图：地图，
职位：latlng
});
}

这看起来不起作用：`var Lat=''；var Long=''；var latlng=新的google.maps.latlng（Lat，Long）；我的问题中有lat和long的值。请注意，既然你有坐标，你就不需要调用地理编码器。这是一个愚蠢的要求。。。而且浪费了谷歌的服务器资源。我是新来的，我只是从谷歌复制了代码。从geocodingthx先生，我只是从谷歌复制的，不知道它是什么，我用了你的一个谢谢