Question

是否可以为具有不同位置的每个页面显示Google地图？

Answer 1

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

archivo js.js

＆＃13;

vector<MovieData> readFile(string fName,MovieData info, int& numOfMovies){
    vector<MovieData> movies;
    ifstream fin;
    fin.open(fName);

    fin >> numOfMovies;
    cout << "Number of Movies: " << numOfMovies << "\n";

    for(int i=0;i<numOfMovies;i++){
        getline(fin, info.Title, ';');
        getline(fin,info.Dir, ';');
        getline(fin,info.year, ';');
        getline(fin,info.time, ';');
        getline(fin,info.cost, ';');
        getline(fin, info.revenue);
        info.profit = info.revenue - info.cost;
        movies.push_back(info);
    }

    return movies;
}

＆＃13;

archivo index.html

function initMap() {
        var uluru = {lat: cordenax, lng: cordenay};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
}

这两个变量表示坐标，希望你已经理解了

Answer 2

是的可能。在具有不同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>

如何在多个页面中显示具有不同位置的Google地图？

2 个答案: