全局變量和訪問對象屬性

Question

我正在嘗試做兩件事，我不能自己做其中一件事。 我想在函數中使用全局變量。 我想改變所述全局變量中的一些屬性。

按鈕觸發'getLocation'，觸發'storePosition'，觸發'mapScreen'，觸發'moveMapToInitialPoint'。

我正在使用這里的地圖API，我正在嘗試獲取用戶位置並圍繞它設置地圖。

對於問題1，我嘗試在函數內部移動變量，但是，我將在整個函數中多次使用此變量。 我還嘗試添加'global。'，'this。'和'globalthis'。 在變量之前。 它真的很混亂，因為我的下一個函數能夠很好地訪問全局變量。

對於問題2，我嘗試使用'initialPoint [lat]'，但它說無法找到lat。 我還嘗試創建一個新對象，其屬性設置為位置對象。

我也嘗試了文檔上的說明以及其他堆棧問題，但它不起作用。

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(storePosition);
  } else {
    alert("Geolocation is not supported by this browser.")
  }
}

initialPoint = {lat:39.9522, lng:-75.1932};
function storePosition(position) {
  initialPoint.lat = position.coords.latitude;
  initialPoint.lng = position.coords.longitude;
  mapScreen();
}

function moveMapToInitialPoint(map){
  map.setCenter(initialPoint);
  map.setZoom(14);
}

moveMapToInitialPoint(map);

我只是希望地圖圍繞用戶旋轉，但它要么顯示整個世界，因為點被打破，或者它顯示默認位置。

Answer 1

initialPoint = {lat:39.9522, lng:-75.1932};

navigator.geolocation.getCurrentPosition(callback, calldown);
function callback(position) {
  initialPoint.lat = position.coords.latitude;
  initialPoint.lng = position.coords.longitude;
  moveMapToInitialPoint(map);
}

function calldown() {
  moveMapToInitialPoint(map);
}

function moveMapToInitialPoint(map){
  map.setCenter(initialPoint);
  map.setZoom(14);
}