改变谷歌地图的位置

change location of google maps

本文关键字：位置 谷歌地图 改变      更新时间：2023-09-26

我想在我的网页上集成谷歌地图

我使用的方法是这样的:

<section id="contact" class="map">
        <iframe width="100%" height="500px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>
 <br />
        <small>
           <!-- <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A"></a>-->
        </small>
        </iframe>
    </section>

这是一个实时plunkr: http://plnkr.co/edit/Pakox2L63kO0i5dR9iPh?p=preview

问题:如何将位置更改为其他内容。我的意思是，在谷歌地图上，我可以选择位置并粘贴它，因为它是在src部分有一个新的位置。

(例如，我想指向这个位置:https://www.google.co.in/maps/place/Cafe+Coffee+Day/@18.558569,73.791647,17z/data=!3m1!4b1!4m2!3m1!)1 s0x3bc2bed9d33bfd3b: 0 x913791c91ba6cb4c)

谢谢

如果你想操作你的map，就不要使用这段代码。

下面是Google地图的基本示例代码。

<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
  html, body, #map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px
  }
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
function initialize() {
    var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
 };
 map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
 }
  google.maps.event.addDomListener(window, 'load', initialize);`
  </script>
  </head>
  <body>
     <div id="map-canvas"></div>
    </body>
 </html>

您可以通过https://developers.google.com/maps/documentation/javascript/examples/了解更多信息

    google.maps.event.addListener(map, 'click', function(e) {
    alert(e.latLng());
    });

当你点击地图时，它会得到它的位置和位置

如果你使用的iframe很难操作，你可以使用Google maps API。它是可定制的，你可以改变很多设置:Google Maps API

相关文章：