Question

我正在创建一个html文件，它基本上打印出用户在地图中给出的坐标。每当我单击提交按钮时，它会返回错误“UncaughtReferenceError：NewMap未定义”我尝试使用外部JavaScript和内联javascript但它似乎无法解决问题。你能告诉我代码有什么问题吗？

<!DOCTYPE html>
<html>
<head>
<title>Find My Phone</title>
</head>
<body bgcolor="#2196F3">
<p style="font-size:150%; text-align:center">This is the extension for the app FindMyPhone. In this site, you can view the coordinates where your phone was traced on a map</p>
Latitude:
<input type="number" step="any" id="Lat"/> <br>
Longitude:
<input type="number" step="any" id="Lng"/> <br>
<button onclick="NewMap()">Submit</button>
<div id="map" style="height:500px;width:500px; color:#9E9E9E">
</div>
<script>
function NewMap() {
   var mapCanvas = document.getElementById("map").value;
   var Latitude = document.getElementById("Lat").value;
   var Longitude = document.getElementById("Lng").value;
   var mapOptions = {
    center: document.getElementById("Lat, Lng")
    zoom:15
   }
   var map = new.google.maps.Map (mapCanvas, mapOptions)
  }
 </script>

 </body>
 </html>

P.S：假设此代码有效，它会正确输出地图吗？如果对或错也请告诉我。

Answer 1

包含Google地图库
您错过了中心地产后的逗号。

var mapOptions = { center：document.getElementById（“Lat，Lng”），变焦：15 }

如何引用HTML中的函数？

1 个答案: