个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
24
4
使用 AngularJS 和 ui-gmap-google-map 指令 ( http://angular-ui.github.io/angular-google-maps/#!/ ) 我已经创建了一个谷歌地图来绘制驾驶路线。当我尝试绘制不同的路线时，第一条路线仍保留在 map 上。我试过 directionsDisplay.setMap(null);删除旧路线，但这不起作用。谁能帮忙？
这是我的 Controller 代码的相关部分:
uiGmapIsReady.promise().then(function (map_instances) {
$scope.mapRef = $scope.map.control.getGMap();
});
$scope.getDirections = function (lat, long, origin, type) {
uiGmapGoogleMapApi.then(function (maps) {
var directionsService = new maps.DirectionsService();
var directionsDisplay = new maps.DirectionsRenderer();
if (origin == "" || type == "geo") {
origin = $scope.geoPosition.coords.latitude + ", " + $scope.geoPosition.coords.longitude;
}
var request = {
origin: origin,
destination: lat + ", " + long,
travelMode: maps.TravelMode['DRIVING'],
optimizeWaypoints: true
};
directionsService.route(request, function (response, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsDisplay.setMap(null);
directionsDisplay.setMap($scope.mapRef);
directionsDisplay.setDirections(response);
} else {
console.log('Directions request failed due to ' + status);
}
});
});
}
最佳答案
我知道您正在使用 ui-map，但使用 ngmap ，你的问题可能更少
以下是 ngmap 显示两个方向的示例，您可以切换它以显示和隐藏方向。
http://plnkr.co/edit/Sv9Q4A?p=preview
<!doctype html>
<html ng-app="ngMap">
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather,visualization,panoramio"></script>
<script src="http://code.angularjs.org/1.2.25/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<script>
angular.module('ngMap').controller('MyCtrl', function($scope){
var vm = this;
vm.toggle = function() {
vm.show = !vm.show;
$scope.map.directionsRenderers.d1.setMap(vm.show ? $scope.map : null);
}
})
</script>
<link rel="stylesheet" href="style.css"/>
</head>
<body ng-controller='MyCtrl as vm'>
<map zoom="14" center="37.7699298, -122.4469157">
<directions id="d1" origin="toronto" destination="markham"></directions>
<directions id="d2" origin="etobicoke" destination="vaughn, on"></directions>
</map>
<a href="" ng-click="vm.toggle()">show/hide direction</a>
</body>
</html>
顺便说一句，我是 ngMap 的创建者。
关于javascript - AngularJS ui-gmap-google-map 删除行车路线，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32264507/
24
4
0
我在使用 JSF2.0 的 Primefaces 3.5 的 Gmap 组件的项目上遇到问题。我有这个命令按钮，可以对标记进行过滤和最重要的更新 mapForm map 形式:
我使用的是 Gmap.NET 的 WinForm 版本。我正在做的是为每个标记创建 1 个叠加层，然后将其添加到我的 map 控件中。这显着减少了我程序中的延迟。现在唯一的问题是，如果我想隐藏一个覆盖
我正在尝试创建一个应用程序位置，但它向我显示错误 gmaps (com.formation.gmaps) 的应用程序已意外停止。 请注意，我已经卸载了eclipse，但总是出现此错误。 这是我的错误日
我在使用 angular-google-maps 时遇到问题。我只想将基本的信息窗口附加到 map 上的每个标记。我正在使用 ui-gmap-markers 并在每个标记指令内放置一个 ui-gmap
自定义Marker，可以理解为在地图上自定义图标（Custom Marker），先看看GMap的地图和图标的显示方式： Map控件上可以添加Overlay（图层），可以添加多个图层，先添加的图
我正在尝试制作一个能够显示 map 的小应用程序。我遇到了 GMap.Net，它非常适合我的目的，除了 map 没有完全显示在控件中。我附上了一张图片，希望你能理解我的问题。 我的加载按钮代码是 pr
我想使用 GMap.Net 的路线方法绘制路线。但是，当我用新颜色将任何点添加到路线列表中时，所有路线的颜色都发生了变化。因此，一条路线似乎只能使用一种颜色。有没有办法在一条 route 使用两种或多
我打算使用GMap.Net设计Windows窗体应用程序，以查看供个人使用的离线地图。我已经有一些mapdata，可以使用通用映射downloader下载，可以将其转换为sqlite db格式。但是G
我在我的 Windows 应用程序 (C#) GMAP API 中使用，我需要显示 map 的地形特征，因此，我尝试按如下方式分配 map 的提供者: Map.MapProvider = GMapP
我需要处理 map 上的每个标记，所以我想要的是这样的: var marker[5] = new google.maps.Marker({ position: new google.maps.La
我正在尝试实现此功能( GMap - Info Window)在我的网站上。 标记有效，但信息窗口从未显示。我尝试在 applicationContext.xml 中为 InfoWindowView.
我可以在悬停时更改标记大小吗？我需要在悬停时增加标记大小 (2-3 px) 并在鼠标移开时减小到默认大小。 最佳答案 如果您使用自定义图标，您可以轻松地在鼠标悬停时更改图像: [...] var ma
IsMouseOverMarker 属性检测点击标记就好了，但是当尝试使用 GMap 控件的 IsMouseOverPolygon 属性检测用户是否点击多边形时行 - 它似乎不起作用。 注意:GMap
我正在使用 gmap.net 控件在 Windows 窗体上显示 map 。到目前为止，除了 map 拖动功能外，一切正常。一般来说，左鼠标按钮支持 map 拖动，但在 gmap.net 控件中鼠标右
我正在尝试从该位置输出路线时间，由于某种原因该路线从未经过。 jQuery(document).ready(function () { $.get('api/index.php', funct
我有一个关于 jQuery Google map 代码的简单问题。 我已向 map 添加了标记，但信息窗口在开始时不会显示，仅在鼠标悬停后才显示。 这是代码: (function ($) { var
我正在尝试创建一个位置输入字段，用户将在其中选择一个位置。因此 map 上应该只存在一个标记。 我当前的代码在点击时添加了一个标记: var map = new GMaps({
我正在使用 gmaps.js，我可以使用此代码绘制多边形 var paths = []; function drawPoly(p1, p2) { paths.push([p1, p2]); c
当我拖动标记时，是否可以禁用 google mal (v3) 内部的移动？我不想使用静态 map 。我需要一般的移动功能，但是当我拖动标记时， map 不应该移动。 非常感谢! 最佳答案 标记有 dr
我们在创建多边形时遇到问题，因为它们没有出现在 map 上。我们按照本教程来实现我们的解决方案: http://googlemaps.subgurim.net/ejemplos/ejemplo_941
我是一名优秀的程序员,十分优秀！