将谷歌地图标记位置发送到拖动的烧瓶
Send Google Maps marker position to Flask whe dragged
我在谷歌地图中有一个可拖动的标记。 我想将标记的位置发送到烧瓶视图。 我该怎么做?
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<body onload='initialize()'>
Lat:
<input id="lat" name="lat" val="40.713956" />
Long:
<input id="long" name="long" val="74.006653" />
<div id="map_canvas" style="width: 500px; height: 250px;"></div>
<script>
var map;
function initialize() {
var myLatlng = new google.maps.LatLng({{ lat}}, {{ long }});
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
draggable: true,
position: myLatlng,
map: map,
title: "Your location"
});
google.maps.event.addListener(marker, 'dragend', function (event) {
document.getElementById("lat").value = event.latLng.lat();
document.getElementById("long").value = event.latLng.lng();
});
// close popup window
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
}
google.maps.event.addDomListener(window, "load", initialize());
</script>
</body>
我自己找到的,在一个伟大的 DEV 家伙的帮助下。
javascript:
function initialize() {
var myLatlng = new google.maps.LatLng({{ geolat }}, {{ geolong }});
var myOptions = {
zoom: 16,
center: myLatlng,
streetViewControl: true,
mapTypeControl: true,
zoomControl: true,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
draggable: true,
position: myLatlng,
map: map,
title: "Your location"
});
google.maps.event.addListener(marker, 'dragend', function (event) {
sendCoords(event.latLng.lat(),event.latLng.lng() )
});
// close popup window
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
在你.py创建 get 参数的脚本,如下所示:
lat = request.args.get('lat')
long = request.args.get('long')
并存储变量(或任何您需要的内容(
相关文章:
- 启用/禁用在谷歌地图上拖动标记
- 如何将可拖动的谷歌地图标记的地址传递到输入字段中
- 谷歌地图拖动标记问题
- 地图中的可拖动标记
- 如何在谷歌地图javascript中在地图上拖动标记(可拖动方向)时显示更新的坐标
- 谷歌地图api拖动路线再次回到原来的位置
- 谷歌地图:想在设置draggable为true后直接拖动地图
- 如何在javascript中基于谷歌地图上的位置拖动来更改值
- 谷歌地图路线拖动后的路线边界
- 谷歌地图在滚动时拖动
- 可拖动图标未显示在 Google 地图顶部且不重复
- 谷歌地图可编辑多边形过滤器 从set_at事件中拖动事件
- Google 地图拖动事件不会捕获中心更改,直到拖动在 Chrome 设备模式下结束
- 谷歌地图绘制 - 通过拖动绘制线条或多边形
- 在谷歌地图可拖动方向中,您如何识别拖动到的位置
- 谷歌地图API v3可拖动光标选项,如位置
- 将谷歌地图标记位置发送到拖动的烧瓶
- 谷歌地图API:如何获得在中心有静态pin的可拖动地图,并在每次移动地图时获得这个pin的位置
- Javascript:通过点击和拖动地图标记获取坐标
- 我可以在openlayers中用ctrl键拖动地图吗?