gpt4 book ai didi

javascript - 当我点击谷歌地图时如何获取鼠标的偏移量( map 上的左侧和顶部)

转载 作者:行者123 更新时间:2023-11-28 10:33:09 24 4
gpt4 key购买 nike

它会是这样的:

<div id="map_canvas" style="width: 500px; height: 300px;float:left;"></div>

左:(<=300)顶部:(<=500)

    GEvent.addListener(map, "click", function() {
//aFn()
});

我想在点击时制作一条折线:

var polyline = new GPolyline([onePoint,twoPoint], "#ff0000", 5);
map.addOverlay(polyline);

谢谢

最佳答案

我想你可能想检查fromLatLngToContainerPixel()方法,该方法计算包含页面上 map 的 DOM 元素中给定地理点的像素坐标。

您可能想尝试以下示例。点击 map 上任意位置即可获取容器坐标:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps fromLatLngToContainerPixel Demo</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">

<div id="map_canvas" style="width: 500px; height: 300px;"></div>

<script type="text/javascript">

if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(39.00, -77.00), 10);

GEvent.addListener(map, "click", function(overlay, latlng) {
alert(map.fromLatLngToContainerPixel(latlng).x + ', ' +
map.fromLatLngToContainerPixel(latlng).y)
});
}
</script>
</body>
</html>

关于javascript - 当我点击谷歌地图时如何获取鼠标的偏移量( map 上的左侧和顶部),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2436894/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com