- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用 Google map 的自动完成功能并将结果偏置到 LatLngBounds
。我希望能够在岛屿(例如夏威夷群岛)周围绘制一个矩形,并以这种方式获取 LatLngBounds。有什么工具可以帮助我吗?
最佳答案
很久以前,我写了一个“缩放窗口”,我对其进行了改编以供您使用。它只是 map 和矩形监听器。
http://jsfiddle.net/yV6xv/16/embedded/result/
查看代码:
要使用它,请首先手动放大并平移到您的岛屿。您要选择的整个区域必须在屏幕上可见。
然后单击一次以定义矩形角。将鼠标移向对角。 (将出现一个矩形选择)。再次单击以定义矩形区域。 map 上方的文本区域应为您提供选定的 LatLngBounds 以及 SW 和 NE 点。
当试图包含国际日期变更线时,它的表现并不如预期。
var map;
var mapOptions = {
center: new google.maps.LatLng(0.0, 0.0),
zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var bounds;
var pt1, pt2;
var rect;
function toLatLng(lat, lng) {
return new google.maps.LatLng(lat, lng);
}
function toBounds(j,k) {
var pts = [];
var latMin, latMax, lngMin, lngMax;
var sw, ne;
latMin = Math.min(j.lat(), k.lat());
latMax = Math.max(j.lat(), k.lat());
lngMin = Math.min(j.lng(), k.lng());
lngMax = Math.max(j.lng(), k.lng());
sw = toLatLng(latMin, lngMin);
ne = toLatLng(latMax, lngMax);
return new google.maps.LatLngBounds(sw, ne);
}
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
rect = new google.maps.Rectangle({
fillColor: "#FFFF00",
fillOpacity: 0.3,
strokeColor: "#0000FF",
strokeWeight: 2
});
// Activate the box
google.maps.event.addListener(map, 'click', function(event) {
pt1 = event.latLng;
rect.setMap(map);
});
// Modify the box's size
google.maps.event.addListener(map, 'mousemove', function(event) {
if(rect.getMap() == map) {
rect.setBounds(toBounds(pt1, event.latLng));
}
});
// Remove the zoom window and zoom in
google.maps.event.addListener(rect, 'click', function(event) {
rect.setMap(null);
pt2 = event.latLng;
myBounds = toBounds(pt1, pt2);
document.getElementById("selectedBounds").value = "new google.maps.LatLngBounds(new google.maps.LatLng" + myBounds.getSouthWest() + ", new google.maps.LatLng" + myBounds.getNorthEast() + ");";
});
// Allows shrinking the box
google.maps.event.addListener(rect, 'mousemove', function(event) {
if(rect.getMap() == map) {
rect.setBounds(toBounds(pt1, event.latLng));
}
});
}
HTML
<textarea id="selectedBounds" cols="60" rows="4"></textarea>
<div id="map_canvas"></div>
关于google-maps - LatLngBounds - 如何获得 SW 和 NE 点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10957559/
我需要能够在我的 C 开发环境下使用浮点运算(CPU:~12 MHz Motorola 68000)。标准库不存在,这意味着它是一个简单的 C 而不是 - 由于其他几个问题,它不是 gcc 我尝试编译
我有 4 种不同的设备: 华硕平板电脑,屏幕尺寸 7 英寸 联想平板电脑,屏幕尺寸 7 英寸 HTC 手机,屏幕尺寸 5 英寸 HTC 手机,屏幕尺寸 4.7 英寸 我想知道我的设备的最小宽度 (sw
我正在使用 Java 的下一个版本: openjdk version "1.8.0_111" OpenJDK Runtime Environment (build 1.8.0_111-8u111-
背景 我目前正在为一项家庭作业编写小型 MIPS 程序,并在此过程中学习了一些语言。我对此非常陌生,因此,即使涉及到我正在执行的操作的最基本方面,我也不确定自己。此外,我的导师坚持不在我们的作业中使用
我试图将一个整数存储到 $s0 中,这是在一个循环标签中。 但问题是我将打印一个整数并将其保存在 $s0 中。 我做了以下事情 sw $t7,0($s0) addi $s0,$s0,4 我认为下面的代
我正在开发一个文件系统,它使用 fusion 库和 jnr-fuse ( https://github.com/SerCeMan/jnr-fuse ) 作为 java 绑定(bind)来封装对 Ama
我正在开发一个文件系统,它使用 fusion 库和 jnr-fuse ( https://github.com/SerCeMan/jnr-fuse ) 作为 java 绑定(bind)来封装对 Ama
我正在使用 Google's SW-Toolbox library在我的应用程序中处理服务人员的职责;但是,每当我尝试从 Parse 加载视频(使用 Parse 进行文件托管)时,我都会在控制台中收到
我想创建我的第一个 PWA 应用程序,我想使用 sw-precache .我想在我的应用程序中有推送通知,但我没有看到任何添加 push 的选项通知和notification click听众来自 sw
已解决:删除了编辑文本并显示了键盘使用 imgr.toggleSoftInput(0, 0); 原始问题: 您好,我正在开发具有触摸板/键盘模式的 Remote 应用程序。我的问题是 SW 键盘。当用
此处:http://cs.oswego.edu/pipermail/concurrency-interest/2013-November/011954.html其中一位对话者说: In your re
在FFMpeg中,我们总是问好libswscale和libswresample,但是,libswscale和libswresample中的sw是什么意思呢? 最佳答案 sw 是软件的缩写,表示功能由通
本文整理了Java中com.ctc.wstx.sw.XmlWriterWrapper类的一些代码示例,展示了XmlWriterWrapper类的具体用法。这些代码示例主要来源于Github/Stack
本文整理了Java中com.ctc.wstx.sw.XmlWriter类的一些代码示例,展示了XmlWriter类的具体用法。这些代码示例主要来源于Github/Stackoverflow/Maven
通过使用 git clone https://github.com/gpac/gpac gpac_public我得到了 1.0.0 版本,rev 156,我需要回到 0.8.0 版本。 我是新的 gi
我有一个非常旧的 perl 系统(大约 8-10 年),但是一个很大(100+ pm 文件)。现在由于某种原因需要“重新现代化”它 - 一步一步。 我想做的第一件事就是将我的编译指示插入每个模块: u
我创建了 layout-sw600dp/layout.xml,它在设备 A 上看起来很棒。但是在设备 B 上,这个布局已经融化并且看起来很糟糕。我想知道我的布局在最坏情况下的外观(正好 600dp 宽
我有以下 sw-precache-config.js module.exports = { staticFileGlobs: [ 'index.html', 'manifest.j
我正在为计算机体系结构类(class)学习 MIPS 汇编。对于本类(class),该类(class)使用 MARS。在将十个数字放入数组中进行分配时,我决定测试一些东西。我想看看我是否可以创建一个循
我正在使用 C 语言进行嵌入式编程(即目标是微 Controller ),并且我可以将我的软件模块作为目标代码(库)提供,供客户团队使用。 通常我习惯以源代码的形式提供我的软件,我知道如何集成(编译、
我是一名优秀的程序员,十分优秀!