正在从谷歌地图中检索坐标
Retrieving coordinates from google map
这个plunker显示了一个谷歌地图。
http://plnkr.co/edit/BfYggKO8nDolhmpq92dq?p=preview
<!DOCTYPE html>
<html ng-app="ngMap">
<head>
<title>Simle Map</title>
<meta name="description" content="Simple Map">
<meta name="keywords" content="ng-map,AngularJS,center">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
</head>
<body>
<ng-map center="[40.74, -74.18]"></ng-map>
</body>
</html>
我想知道地图上特定点的坐标。如果用户右键单击地图上的任何点,将出现显示坐标的警报。
该代码使用angularjs和ng-map模块。http://ngmap.github.io/
我认为您应该添加一个事件侦听器,然后像这样显示该事件内部的坐标:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Simle Map</title>
<meta name="description" content="Simple Map">
<meta name="keywords" content="ng-map,AngularJS,center">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<script>
var app = angular.module('myApp', ['ngMap']);
app.controller('EventDomListenerController', function($window) {
var vm = this;
vm.showAlert = function(event, args) {
$window.alert(event.latLng.lat()+', '+event.latLng.lng());
}
});
</script>
</head>
<body ng-controller="EventDomListenerController as vm">
<ng-map center="[40.74, -74.18]" on-click="vm.showAlert()"></ng-map>
</body>
</html>
Live Plunker
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 使用JSP从服务器检索和显示图像
- 通过Magento的网络服务检索运费
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 如何在d3.js中返回路径的y坐标
- 无法使用javascript检索SPList项
- 可以't使用Angular解析/检索JSON
- 在谷歌地图上获取事件的x,y坐标
- GoogleFeed正在检索图像
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 无法从 ajax 调用中检索谷歌地图标记坐标
- 选择图像的一部分,并使用jQuery检索其坐标
- 正在从谷歌地图中检索坐标
- 从画布中检索鼠标坐标时出现问题
- 数据地图-根据给定的x和y坐标检索国家代码
- 如何从JSON对象中检索带有坐标的变量
- 使用传单从json文件加载圆坐标/使用从圆对象检索的数据
- 点击检索谷歌地图坐标
- 使用谷歌地图 API 从物理地址数据集中检索一组坐标
- 显示地图,同时通过ajax/php从数据库检索坐标