- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个使用 gmaps.js 的 map ,我想向 map 添加一个 Controller ,允许用户绘制形状。
我知道这可以使用 google maps api 完成,如下所示:
var mapOptions = {
center: new google.maps.LatLng(pos.location[0], pos.location[1]),
zoom: 3,
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
var drawingManager = new google.maps.drawing.DrawingManager({
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: [
google.maps.drawing.OverlayType.CIRCLE,
google.maps.drawing.OverlayType.POLYGON,
google.maps.drawing.OverlayType.POLYLINE,
google.maps.drawing.OverlayType.RECTANGLE
]
}});
drawingManager.setMap(map);
但我正在寻找 gmaps.js 的替代方案。
最佳答案
gmaps.js 没有绘图方法。但是您可以使用 gmaps.js 创建您的 map ,并使用普通 api 向其添加绘图管理器。
var map = new GMaps({
div: '#map_canvas',
lat: -12.043333,
lng: -77.028333
});
var drawingManager = new google.maps.drawing.DrawingManager({
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: [
google.maps.drawing.OverlayType.CIRCLE,
google.maps.drawing.OverlayType.POLYGON,
google.maps.drawing.OverlayType.POLYLINE,
google.maps.drawing.OverlayType.RECTANGLE
]
}});
drawingManager.setMap(map.map); // map.map is the reference to original map object
工作示例 here
关于javascript - gmaps.js 添加 DrawingManager 控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17391863/
有什么方法可以更改默认的DrawingManager鼠标光标吗?从默认十字线到自定义。 最佳答案 通过 API 是不可能的,但目前光标将通过 map 内 div 的样式属性设置,因此可以选择特定的 d
您好,我正在尝试启用谷歌地图中的绘图工具。但出现如下错误: VM1935 zone.js@0.6.25?main=browser:140 未捕获类型错误:无法读取未定义的属性“DrawingManag
请看看这个 fiddle ,http://jsfiddle.net/HoffZ/Zu55b/ 为什么它在 drawMan.setDrawingMode(null) 上导致错误“太多递归” drawMa
我有一个用户可编辑的谷歌地图,用户可以使用绘图管理器在 map 上绘制覆盖多边形。这工作正常,控制台记录了我需要的经纬度。但是,我需要添加一个按钮来清除多边形的 map ,以便在出现错误时可以重新绘制
我有一个使用 gmaps.js 的 map ,我想向 map 添加一个 Controller ,允许用户绘制形状。 我知道这可以使用 google maps api 完成,如下所示: var mapO
我无法在网上找到关于我的问题的优质信息,所以我来到了这里。我想做的是在 Google map 的 DrawingManager 控件中添加一个自定义按钮。 添加常用选项集的代码如下。但我不知道如何将我
我有一个启用了绘图管理器的 Google map ,用户可以在其中绘制多边形并将其保存到我的数据库中。我为 overlaycomplete 事件向 drawingManager 对象添加了一个事件监听
我正在尝试使用 Google Maps APIs v3,但总是出错 我在页面中添加了脚本: 我已经实现了: var drawingManager = new google.maps.drawing.
我有一个用户想在 map 上画一条折线,但他不想通过双击结束它。他希望能够按下一个键并以这种方式完成绘图。我可以在我的应用程序中从键盘捕获击键,但似乎无法找到一种方法来强制 DrawingManage
我试图通过使用 Angular 单击按钮来更改 Google map 绘图管理器的几个选项。但是我收到错误消息,指出 DrawingManager 变量未定义。 我在 Angular 组件的 ngAf
在我的基于 Google map 的应用程序中,用户经常需要在 map 上绘制一对同心圆。为此,我正在使用 google.maps.drawing.DrawingManager。在理想情况下,用户正常
我一直在尝试使用 DrawingManager使用 Maps API 的官方 Angular 组件包装器,但它没有按预期工作。如果有人可以让它发挥作用,我会很感激能为此找到解决方案。这是我尝试过但没有
尝试使用 DrawingManager 显示在“react-google-maps”中绘制的预定义坐标 尝试使用“polygonOptions”中的“paths”来实现它,但没有 ' 路径属性被忽略,
我刚刚发现了很棒的DrawingManager Google Maps API v3 的类 - 正是 what I need对于我的“创建 map ”网络应用程序。 唉,添加标记工具只会将标记本身放到
我正在使用 google 提供的 google map api 示例之一。在这个例子中,我们可以使用绘图库在 map 上绘制一些线。 假设我画了一些东西。那我怎么分享这张图呢?还是保存以供日后引用?
我已经提到了 this问题已经出现。 我也可以实现它,但问题是我如何确定 radius 是否有变化,因为 DrawingManager 组件将被卸载。 此外,我无法使用像 setDrawingMode
我是一名优秀的程序员,十分优秀!