Question

我正在尝试将简单的Google Map API集成到我的WordPress网站中。当用户最初进入网站时，他们应该能够看到我设置的基地的位置。然后，如果他们点击按钮，它应该显示他们当前的位置。但是，它们目前无法渲染/显示。它工作得比较早，但我必须在改变之前改变一些东西并覆盖当前文件。任何帮助将不胜感激，因为我真的不知道这出错了！

代码：

＆＃13;

// JavaScript Document

function initialize() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: new google.maps.LatLng(51.843143, -2.643555),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  $("#findButton").click(findMe);
}

function errorCallback() {
  alert("I'm afraid your browser does not support geolocation.");]

function successCallback(position) {
  var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeControl: false,
    navigationControlOptions: {
      style: google.maps.NavigationControlStyle.SMALL
    },
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById('map'), myOptions);
}

function findMe() {
  if (navigator.geolocation) {
    console.log(navigator.geolocation.getCurrentPosition(successCallback, errorCallback, {
      timeout: 10000
    }));
  } else {
    alert("I'm afraid your browser does not support geolocation.");
  }
}

＆＃13;

Answer 1

您有语法错误：

function errorCallback (){
    alert("I'm afraid your browser does not support geolocation.");] 
    //                                                            ^^^

Answer 2

你有一个错字。你有支架而不是支架。

function errorCallback() {
    alert("I'm afraid your browser does not support geolocation.");
}

为什么我的Google Map API无法渲染？

2 个答案: