【发布时间】:2015-12-23 07:49:04
【问题描述】:
我正在尝试通过 javascript Geolocation API 获取用户的位置,并使用 google maps API 显示地图的静态图像,但是当我尝试在网页中运行脚本时,它不起作用,在 chrome 的 javascript 中控制台,它说“未捕获的语法错误:意外的标识符”。 我有点困惑,因为没有错位或多余的分号。这是javascript代码:
var button = document.querySelector("#button");
var output = document.querySelector("#output");
window.onload = init;
function init(){
button.addEventListener('click',getPosition,false);
}
function getPosition(evt){
var pos = navigator.geolocation.getCurrentPosition(showPosition,onError,{enableHighAccuracy:true,maximamAge:2000});
console.log(pos);
}
function showPosition(position){
output.innerHTML = "Your Current position is <br/> Latitude : "+position.coords.latitude+" , Longitude : "+position.coords.longitude;
var latlon = position.coords.latitude+","+position.coords.longitude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="+latlon+"&zoom=14&size=400x300&sensor=false";
document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"' />";
}
function onError(){
output.innerHTML = "Something is wrong with your browser";
}
当我在 JSLint 上检查此代码时,它显示“意外字符 ';'”。我尝试了很多,但我无法找到导致问题的原因。请帮助我,也欢迎任何类型的建议。
【问题讨论】:
-
你发布的代码通过 jslint 就好了
标签: javascript jquery google-maps google-chrome geolocation