为什么我的谷歌地图API不会渲染

Why will my Google Map API not render?

本文关键字：API 我的 谷歌地图 为什么      更新时间：2023-09-26

我正在尝试将一个简单的Google Map API集成到我的WordPress网站中。当用户最初进入网站时，他们应该能够看到我设置的基地的位置。然后，如果他们点击按钮，它应该显示他们的当前位置。但是，它们当前未进行渲染/显示。它早些时候起作用了，但我之前一定做了一些更改并覆盖了当前文件。任何帮助都将不胜感激，因为我真的不知道哪里出了问题！

代码：

// 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.");
  }
}

您有一个打字错误。你有括号而不是大括号。

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

您有语法错误：

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