- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将 Spiderfier 实现到我的代码中,但在将字符串地址转换为(纬度)坐标时遇到一些困难。
演示:http://jawj.github.com/OverlappingMarkerSpiderfier/demo.html
文档:https://github.com/jawj/OverlappingMarkerSpiderfier
这就是我从数据库中获取地址的方法,现在我需要将其转换为(纬度、经度)格式
<?php
$locations = new locations;
$userid = '1';
$cityArray = $locations->pastLocations($userid);
$title = $locations->pastTitles($userid);
$length = count($cityArray);
?>
//now that I have the cityArray acquired from php, I encode them for javascript
<script>
var cityArray= <?php echo json_encode($cityArray); ?>;
var title = <?php echo json_encode($title); ?>;
好的,现在我的地址已经在数组中了。 Spiderfier 的示例使用以下代码生成随机位置(足够接近以重叠)
var baseJitter = 2.5;
var clusterJitterMax = 0.1;
var rnd = Math.random;
var data = [];
var clusterSizes = [1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2,2, 3, 3, 4, 5, 6, 7, 8, 9, 12, 18, 24];
for (var i = 0; i < clusterSizes.length; i++) {
GClientGeocoder.getLatLng()
var baseLon = -1 - baseJitter / 2 + rnd() * baseJitter;
var baseLat = 52 - baseJitter / 2 + rnd() * baseJitter;
var clusterJitter = clusterJitterMax * rnd();
for (var j = 0; j < clusterSizes[i]; j ++) data.push({
lon: baseLon - clusterJitter + rnd() * clusterJitter,
lat: baseLat - clusterJitter + rnd() * clusterJitter,
h: new Date(1E12 + rnd() * 1E11).toString(), //this is the title
d: Math.round(rnd() * 100) + '% happy'
});
}
window.mapData = data;
这是 Spiderfier 用于绘制数据数组的代码。这是我在生成它使用的数据数组时遇到问题的部分
var bounds = new gm.LatLngBounds();
for (var i = 0; i < window.mapData.length; i ++) {
var datum = window.mapData[i];
var loc = new gm.LatLng(datum.lat, datum.lon);
bounds.extend(loc);
var marker = new gm.Marker({
position: loc,
title: datum.h,
map: map,
icon: iconWithColor(usualColor),
shadow: shadow
});
marker.desc = datum.d;
oms.addMarker(marker);
}
map.fitBounds(bounds);
假设我有一个可以输入地理编码的数组,如何将地址(例如德克萨斯州达拉斯)转换为可以与 Spiderfier 一起使用的(经纬度)格式?请记住,该数组中有多个地址,因此我必须循环遍历并将每个地址以某种方式插入数据数组中。这主要是我感到困惑的地方。
谢谢!
编辑 - 我尝试编写一些代码循环遍历我的 cityArray 并对每个城市进行地理编码,然后将其插入到名为 data 的数组中,但不幸的是它不起作用
这是代码。当我使用 document.write(data) 时,什么也没有显示。我也没有收到任何错误,所以我不确定我做错了什么。
var data = [];
for (var i = 0; i < cityArray.length; i++) {
//document.write(cityArray[i]);
geocoder.geocode( { 'address': cityArray[i] }, function(results, status) { //use latlang to enter city instead of coordinates
if (status == google.maps.GeocoderStatus.OK) {
data.push({
position:results[0].geometry.location,
h: 'test',
d: 'test'
});
}
else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
最佳答案
您的问题是如何将地址转换为地理坐标(纬度和经度)以供 Google map 使用。
将地址转换为坐标的过程称为地理编码。
Google Maps API v3 包括 client side geocoder当用户输入地址时使用。
还有一个geocoding web service供服务器使用。
两者都受到配额和费率限制。
查看此article from the documentation了解它们的用途以及每种方式何时适用的讨论。
如果您有数据库,最理想的选择是在将地址输入数据库时对地址进行地理编码,然后使用数据库中的坐标来放置标记,而不是“动态”对它们进行地理编码。
关于php - 将地址转换/地理编码为经纬度坐标 - Spiderfier for google map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11943022/
我对自定义 CSS 或在将图像作为 Logo 上传到页面时使用编码 block 有疑问。我正在为我的网站使用 squarespace,我需要帮助编码我的 Logo 以使其适合每个页面。一个选项是使用自
如 encoding/json 包文档中所述, Marshal traverses the value v recursively. If an encountered value implement
我必须做一些相当于Java中的iconv -f utf8 -t sjisMS $INPUT_FILE的事情。该命令在 Unix 中 我在java中没有找到任何带有sjisMS的编码。 Java中有Sh
从 PHP 5.3 迁移到 PHP 5.6 后,我遇到了编码问题。我的 MySQL 数据库是 latin1,我的 PHP 文件是 windows-1251。现在一切都显示为“ñëåäíèòå àäðå
我有一个 RScript文件(我们称之为 main.r ),它引用了另一个文件,使用以下代码: source("functions.R") 但是,当我运行 RScript 文件时,它提示以下错误:
我无法设法从 WSDL 创建 RPC/编码风格的代码 - 有谁知道哪个框架可以做到这一点? 带有 adb 和 xmlbeans 映射的 Axis2 无法正常工作(无法处理响应中的肥皂编码)直接使用 X
安装了最新版本的Node.Js()和npm包**(1.2.10)**当我运行 Express 命令来生成项目时,它向我抛出以下错误 buffer.js:240 switch (encoding &
JavaScript中有JSON编码/解码base64编码/解码函数吗? 最佳答案 是的,btoa() 和 atob() 在某些浏览器中可以工作: var enc = btoa("this is so
>>> unicode('восстановление информации', 'utf-16') Traceback (most recent call last): File "", line
我当然熟悉 java.net.URLEncoder 和 java.net.URLDecoder 类。但是,我只需要 HTML 样式的编码。 (我不想将 ' ' 替换为 '+' 等)。我不知道任何只做
有一个非常简单的 SSIS 包: OLE DB Source 通过 View 获取数据(数据库表 nvarchar 或 nchar 中的所有字符串列)。 派生列,用于格式化现有日期并将其添加到数据集(
我正在使用一个在 Node 中进行base64编码的软件,如下所示: const enc = new Buffer('test', 'base64') console.log(enc) 显示: 我正
我试图将带有日语字符的数据插入到 oracle 数据库中。事情是保存在数据库中的是一堆倒置的问号。我该如何解决这个问题 最佳答案 见 http://www.errcode.net/blogs/?p=6
当我在 java 中解压 zip 文件时,我发现文件名中出现了带有重音字符的奇怪行为。 西索: Add File user : L'equipe Technique -- Folder : spec
在网上冲浪我找到了 ExtJS 的 Ext.Gantt 插件,该扩展有一个特殊的编码。任何人都知道如何编码那样或其他复杂的形式。 Encoded Gantt Chart 最佳答案 它似乎被 Dean
我正在用C语言做一个编码任务,我进展顺利,直到读取符号并根据表格分配相应的代码的部分。我必须连接几个代码,直到它们的长度达到 32 位,为此我必须将它们写入一个文件中。这种写入文件的方法给我带来了很多
我有一个外部链接的 javascript 文件。在那个 javascript 里面,我有这个功能: function getMonthNumber(monthName){ monthName = mo
使用mechanize,我检索到一个网页的源页面,其中包含一些非ASCII字符,比如汉字。 代码如下: #using python2.6 from mechanize import Browser b
我有一个包含字母 ø 的文件。当我用这段代码 File.ReadLines(filePath) 读取它时,我得到了一个问号而不是它。 当我像这样添加编码时 File.ReadLines(filePat
如何翻译下面的字符串 H.P. Dembinski, B. K\'{e}gl, I.C. Mari\c{s}, M. Roth, D. Veberi\v{c} 进入 H. P. Dembinski,
我是一名优秀的程序员,十分优秀!