緯度と経度の変更google maps api

Question

ユーザーがリンクをクリックしたときに地図の緯度と経度を変更したいと思います。 私は、ユーザーがリンクをクリックしたときに必要なmaps.jsに試してみましたが、それは

maps.jsあなたが設定する必要が

function maps(){ 
    lats = 53.430967; 
    longs = -2.960835; 
    var mapProp = { 
    center:new google.maps.LatLng(lats, longs), 
    zoom: 17, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 
} 


module.exports = maps; 

stadium.js

function stadium(){ 
    $("a:contains('Stadium of Light')").on("click", function(){ 
    lats = 54.914740; 
    longs = -1.388371; 
    google.maps.event.addDomListener(window, 'load', maps); 
    window.location.href='maps.html'; 
    }); 

Answer 1

を動作しませんでしたgoogle.maps.Mapオブジェクトのプロパティ。center

function stadium() { 
    $("a:contains('Stadium of Light')").on("click", function() { 
    lats = 54.914740; 
    longs = -1.388371; 
    map.setCenter(new google.maps.LatLng(lats,longs)); 
    }); 
} 

proof of concept fiddle

コードスニペット：

var map; 
 

 
function maps() { 
 
    lats = 53.430967; 
 
    longs = -2.960835; 
 
    var mapProp = { 
 
    center: new google.maps.LatLng(lats, longs), 
 
    zoom: 17, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 
 
    stadium(); 
 
} 
 

 
function stadium() { 
 
    $("a:contains('Stadium of Light')").on("click", function() { 
 
    lats = 54.914740; 
 
    longs = -1.388371; 
 
    map.setCenter(new google.maps.LatLng(lats, longs)); 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", maps);

html, 
 
body, 
 
#googleMap { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">Stadium of Light</a> 
 
<div id="googleMap"></div>