Javascript 双击[谷歌地图]时的提示窗口
我试图让用户在双击时输入标记的标题。但我似乎无法让它发挥作用 如何使提示窗口显示为双击而不是单击一次 这在HTML5/Javascript中可能吗？我们还没有学习jQueryJavascript 双击[谷歌地图]时的提示窗口,javascript,html,Javascript,Html,我试图让用户在双击时输入标记的标题。但我似乎无法让它发挥作用 如何使提示窗口显示为双击而不是单击一次 这在HTML5/Javascript中可能吗？我们还没有学习jQuery <!DOCTYPE html> <html> <head> <title>Boca Raton Map</title> <meta charset="UTF-8"> <style> header {font-family:Georg
<!DOCTYPE html>
<html>
<head>
<title>Boca Raton Map</title>
<meta charset="UTF-8">
<style>
header {font-family:Georgia,"Times New Roman",serif;
font-size:20px;
display:block;
}
</style>
<script type="text/javascript" charset="UTF-8" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" charset="UTF-8">
var locations = [
[26.3583333, -80.0833333, "Boca Raton, FL"],
]
function init()
{
makemap(locations[0][0],locations[0][1]);
document.getElementById("header").innerHTML = "Base location is "+locations[0][2];
}
var listener;
var map;
var markersArray =[];
var blatlng;
var myOptions;
function makemap(mylat,mylong)
{
blatlng = new google.maps.LatLng(mylat,mylong);
// alert("latlng is "+latlng);
myOptions = {
zoom: 14,
center: blatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("place"), myOptions);
listener = google.maps.event.addListener(map, 'click', function(event){
checkit(event.latLng);
});
}
//function disp_prompt()
//{
//var mTitle=prompt("Please enter a marker title:", "Marker Title");
//}
function checkit(clatlng)
{
var mTitle=prompt("Please enter a marker title:", "Marker Title")
var distance = dist(clatlng,blatlng);
distance = Math.floor((distance+.005)*100)/100;
var distanceString = String(distance)+" miles";
marker = new google.maps.Marker({
position: clatlng,
title: mTitle,
map: map });
//markersArray.push(marker);
//--
//document.getElementById("answer").innerHTML =
// "The distance from base to most recent marker is "+String(distance) +" miles.";
}
function dist(point1, point2)
{
//spherical law of cosines
//var R = 6371; // km
var R = 3959; // miles
var lat1 = point1.lat()*Math.PI/180;
var lat2 = point2.lat()*Math.PI/180 ;
var lon1 = point1.lng()*Math.PI/180;
var lon2 = point2.lng()*Math.PI/180;
var d = Math.acos(Math.sin(lat1)*Math.sin(lat2) +
Math.cos(lat1)*Math.cos(lat2) *
Math.cos(lon2-lon1)) * R;
return d;
}
//--
</script>
</head>
<body onLoad="init();" onclick="disp_prompt()">
<header id="header">Base location is your current geolocation.</header>
<div id="place" style="width:600px; height:400px"></div>
<div id="answer"></div>
</form>
</body>
</html>
博卡拉顿地图
标题{字体系列：格鲁吉亚，“新罗马时代”，衬线；
字体大小：20px；
显示：块；
}
变量位置=[
[26.3583333，-80.0833333，“佛罗里达州博卡拉顿”]，
]
函数init（）
{
makemap（位置[0][0]，位置[0][1]）；
document.getElementById（“header”）.innerHTML=“基本位置为”+位置[0][2]；
}
var监听器；
var映射；
var-markersArray=[]；
var-blatlng；
变异性肌肽；
函数makemap（mylat，mylong）
{
blatlng=新的google.maps.LatLng（mylat，mylong）；
//警报（“latlng为”+latlng）；
myOptions={
缩放：14，
中心：布拉丁，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=新的google.maps.map（document.getElementById（“位置”），myOptions）；
listener=google.maps.event.addListener（映射，'click'，函数（事件）{
检查（事件latLng）；
});
}
//函数disp_prompt（）
//{
//var mTitle=提示（“请输入标记标题：”，“标记标题”）；
//}
功能检查（clatlng）
{
var mTitle=提示（“请输入标记标题：”，“标记标题”）
var距离=距离（clatlng，blatlng）；
距离=数学楼层（（距离+0.005）*100）/100；
var DISTCESTING=字符串（距离）+“英里”；
marker=新的google.maps.marker({
位置：clatlng，
标题：mTitle，
map:map}）；
//markersArray.push（marker）；
//--
//document.getElementById（“答案”）.innerHTML=
//“从底部到最近标记的距离为“+字符串（距离）+”英里。”；
}
函数区（点1、点2）
{
//球面余弦定律
//var R=6371；//km
var R=3959；//英里
var lat1=point1.lat（）*Math.PI/180；
var lat2=point2.lat（）*Math.PI/180；
var lon1=point1.lng（）*Math.PI/180；
var lon2=point2.lng（）*Math.PI/180；
var d=数学acos（数学sin（lat1）*数学sin（lat2）+
数学cos（lat1）*数学cos（lat2）*
数学cos（lon2-lon1））*R；
返回d；
}
//--
基本位置是您当前的地理位置。