Javascript 如何在多个页面中显示不同位置的谷歌地图？_Javascript_Google Maps Api 3

Javascript 如何在多个页面中显示不同位置的谷歌地图？

javascript google-maps-api-3

Javascript 如何在多个页面中显示不同位置的谷歌地图？,javascript,google-maps-api-3,Javascript,Google Maps Api 3,是否可以为每个位置不同的页面显示谷歌地图？解决方案很简单，您只需在页面内创建一个js脚本并创建两个变量： archivo js.js 函数initMap（）{ var uluru={lat:cordenax，lng:cordenay}； var map=new google.maps.map（document.getElementById（'map'）{ 缩放：4，中心：乌卢鲁 }); var marker=new google.maps.marker({ 职位：乌卢鲁，地图：地图 });

是否可以为每个位置不同的页面显示谷歌地图？

解决方案很简单，您只需在页面内创建一个js脚本并创建两个变量：

archivo js.js

函数initMap（）{
var uluru={lat:cordenax，lng:cordenay}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}

是的，这是可能的。请在不同id和不同坐标的不同页面中尝试此代码

<!DOCTYPE html>
<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          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=YOUR_API_KEY&callback=initMap">
    </script>
  </body>
</html>


#地图{
高度：400px；
宽度：100%；
}
我的谷歌地图演示
函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}

是。只需初始化每页上的地图代码，并将地图中心/标记的不同坐标作为变量传递。确保每个页面上都有相同的地图容器id。相关问题：（在HTML中存储位置的坐标，在通用javascript函数中解析出来）我只使用1个file.js作为1个站点的一个函数来初始化地图。是否有防止复制的方法？