Tag: 谷歌地图

如何设置node-googlemaps？ 缺乏关于安装Node包的一些隐含的知识

我正在尝试使用https://github.com/moshen/node-googlemaps上的node-googlemaps npm包。 文档假定用户知道一般的NodeJS包安装过程。 所以首先，我用npm来安装它： npm install googlemaps 现在在我的server.js根文件中，我知道我需要导入实际的文件。 类似于： var gmaps = require('./node_modules/googlemaps/libs/index'); 但我这是不正确的。 也许我错过了安装NodeJS包的一些约定。 在这种情况下，我很乐意学习！ README.md提到设置configuration如下所示： var publicConfig = { key: '<YOUR-KEY>', stagger_time: 1000, // for elevationPath encode_polylines: false, secure: true, // use https proxy: 'http://127.0.0.1:9999' // optional, set a proxy for HTTP requests }; var gmAPI = new GoogleMapsAPI(publicConfig); 但是我得到一个错误“GoogleMapsAPI”没有定义。 有道理，我没有导入js文件。 那我该怎么做？ 什么是安装/包括NodeJS包到您的项目的标准过程？

使用Google Maps API从Zip代码中获取城市，然后将其写入JSON？

我有一堆不同的邮政编码的JSON文件。 我想要做的是利用Google Maps API检索与邮政编码相关联的城市，然后将其写入JSON文件。 到目前为止，我有一个正确的从结果中抓住城市的脚本。 我将如何去写这些城市的JSON文件？ 这是我的JSON数据： [ { "State": "Oklahoma", "ZIP": 73169 }, { "State": "Oklahoma", "ZIP": 73169 }, { "State": "Oklahoma", "ZIP": 73170 }, { "State": "Oklahoma", "ZIP": 73172 }, { "State": "Oklahoma", "ZIP": 73173 } ] 这是我的脚本： $(function() { $.get('locations.json', function(data) { $.each(data, function(i, item) { var zip = item.ZIP; var url […]

node.js oauth2服务器到服务器客户端（谷歌跟踪authentication）

我很难find如何做相对简单的事情.. 我正在编写一个node.js应用程序，我想利用Google Tracks API https://developers.google.com/maps/documentation/tracks/ track API使用OAuth2根据API帐户对服务器进行身份validation – https://developers.google.com/maps/documentation/tracks/auth 我想要做的只是使用node.js来validation我的应用程序与谷歌 我遇到的问题是，我可以find有关此主题的每个模块或框架都是关于将用户redirect到谷歌，并将它们返回给应用程序，这不是我想要实现的…相反，我想要只需将我的API凭证硬编码到服务器中，并直接对其进行身份validation，以便它可以使用API​​，那么当令牌过期时，我还需要一些方法来保持会话的活跃。 任何帮助将非常感激

Google地图多边形会减慢浏览器速度

我有一个应用程序，绘制多边形的谷歌地图地图。 我使用angular的前端和一个NodeJS api服务我的多边形数据。 现在我每个加载约300个多边形，每个约有10000个纬线，但是我有数据分页，所以我只能渲染多边形总数的十分之一。 我在顶部使用了一个叫做Angular Google Maps的angular度模块，考虑到GitHub问题页面，项目本身似乎有点死了，但我不认为它真的很重要。 我已经将可编辑标志设置为false，但是即使仅显示了这些复杂的多边形之中的30个，浏览器似乎也放慢了很大一部分。 当我没有绘制多边形时，这不会发生。 我发现KML或Fusion表得到了很多推荐，但是我希望不需要改变我的数据，因为它的数量巨大。 有没有人有类似的问题？

XMLHttpRequest无法加载否请求的资源上存在“Access-Control-Allow-Origin”标头。 Origin'http：// localhost：3000'谷歌地图

我是新来的React JS我试图简单地dynamic改变地图尊重用户input但是对于特定的地方请求这个错误上升 XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=undef … ined＆radius = 1000＆keyword = fdtbf＆key = myapikey。 请求的资源上没有“Access-Control-Allow-Origin”标题。 原因' http：// localhost：3000 '因此不被允许访问。 这是我的节点js代码 import express from 'express'; import path from 'path'; import bodyParser from 'body-parser'; //Import To Pord import api from './routes/api'; import auth from './routes/auth' import cookieParser from 'cookie-parser'; import {LoginCheck} from './middleware/authCheck'; import cors from 'cors'; //All Webpack Stuff […]

是否可以调用Google API并获取地图图像并将图像保存在某个地方

我目前正在发送一个HTML电子邮件的谷歌地图图像。 目前我正在使用static-maps-api来实现我的任务。 我将调用静态地图API并将图像URL设置为src在图像标记中。 <img src="https://maps.googleapis.com/maps/api/staticmap?markers=icon:http://mailadapterdev.vanapi.com/static/start.png|13.82,100.54&markers=icon:http://mailadapterdev.vanapi.com/static/waypt1.png|13.80,100.54&markers=icon:http://mailadapterdev.vanapi.com/static/waypt2.png|13.81,100.52&markers=icon:http://mailadapterdev.vanapi.com/static/waypt3.png|13.79,100.54&markers=icon:http://mailadapterdev.vanapi.com/static/dest.png|13.79,100.53&path=weight:3|color:blue|enc:cfjsAqvsdRnAMd@MZpDLpATpB?HGLMX?VV`CTjBr@L|ATlDf@hBXGl@CPTDtAR~Et@jF`AnLbBvKdB~@JbAR`BTdDd@pDj@l@H`Cb@vALFOJIr@yCxAgHPYTOREV?N@ZHrIxD|HjD~CxAxAn@j@XHDZy@hAoCdCiG~B{Gj@gBXeALWNU@[A[OWi@m@_@_@i@w@O[o@SSKK?}A]sBy@wBeAvBdArBx@|A\J?JOIsCJgC?[Io@KQ^Nn@TLDUfDC`AFp@RfAj@dAl@p@n@n@DHDN?TC`@IFW^MVYdAKZMb@uBdGaDfIiAnC[x@B@RHpCnAnAh@jChAnVrK|@`@Uh@iChG{D~J}B~Fe@tAq@fCcBfG_ApDMd@AXO`@Q^GCu@S{AAyIByEAaABc@@}A@kACeDImKWcKSmAGgAEoCCqECI?LlCH~DI_EMmCH?|@BdA?lA?nCBfADlAFrDHnEH|ELtIRjAB|AAb@A`ACxE@xICzA@l@Oh@a@p@}BhDoMd@yA~AcE`AiCtDsJhCeGHSHs@b@_Ej@cGbAuJ\mC|@sGb@gENoBF]XkAZuBX}CLoA@CbAJbDXl@Fm@GcDYcAKABMnAOzAI`AKr@_@pBQx@OnBUdCYbCk@tDCR~@VTL~@t@xBz@|GrB`I`CYnA_BpH{A`H&key=MY_API_KEY=400×400" > 在调用静态地图api之前，我会调用lat的方向api ，并获得多段线，我从调用方向API得到的多段线，我将调用静态地图API。 我的问题是 当路点数量增加（通常超过5个）时，折线变得非常大，并且URL将变长，如果它大于2048个字符，我不能查看我的地图。 谷歌不会将其标识为有效的url。 所以很明显。 我的问题是 无论如何要减less对外线的大小？ 无论如何要调用Google API并获取图像并将其保存在我的服务器中。 如果我可以做第二点，是不是在我的服务器上保存谷歌地图是非法的，而不是每次我想要调用谷歌服务器来获取图像。 有没有其他方法可以完成我的任务？ 我被困在这个问题超过2个星期了。 我几乎尝试了一切。 请帮我解决这个问题。 先谢谢你。

Google Mapsengine对服务帐户的响应不足

我正尝试在地图引擎中为Google地图创build表格。 我已经将服务帐户添加到mapsenginepipe理面板中的访问列表中，并为其提供了“可编辑”权限。 我也给了它在项目的开发者控制台中的编辑权限。 这是我发送正在发回令牌的访问令牌的地方： var googleapis = require('googleapis'); function connect() { var authClient = new googleapis.auth.JWT( '216755859529-1s2o9qofhd9ea65ang9clpd1936ldfcr@developer.gserviceaccount.com', '../bin/googleoauth2.pem', 'notasecret', ['https://www.googleapis.com/auth/mapsengine'], // User to impersonate (leave empty if no impersonation needed) '' ); authClient.authorize(function(err, tokens) { if (err) { console.log(err); return; } else { console.log(tokens); } googleapis.discover('mapsengine', 'v1').execute(function (err, client) { if (err) { console.log('Problem during […]

在DOM中从SVG创buildGoogle Maps MarkerImage

我试图在Google Maps中创build一个dynamic的SVG标记（基本上每个标记都具有SVG的文本部分），但是我正在努力处理它的dynamic方面。 正如你可以在下面的代码中看到的，我可以使用静态url中的new google.maps.MarkerImage()创build一个SVG标记。 var marker = new google.maps.Marker({ position: new google.maps.LatLng(38.4269929, -81.7921109), icon: new google.maps.MarkerImage('https://dl.dropboxusercontent.com/u/64084190/test-marker.svg', null, null, null, new google.maps.Size(25, 25)), map: map }); 但我似乎无法得到的google.maps.MarkerImage()采取一个SVG DOM元素的内部HTML作为其第一个参数 – 它总是在寻找一个URL。 <svg id="svg_elem"></svg> function createDynamicSVGMarker(id){ var svg_elem = d3.select('#svg_elem'); svg_elem.append('path') .attr('fill', "#3875D7") .attr('d', "M100 0h-100v100h36.768l13.431 19.876 13.431-19.876h36.37z"); svg_elem.append('text') .attr('transform', "translate(30.979 80)") .attr("fill", "#fff") .attr("font-size", "36") .text(id); var […]

谷歌地图不在帕格/翡翠工作

我必须在使用Pug / Jade开发的我的网站上实现谷歌地图。 帕格文件是使用Grunt编译的。 该脚本遵循ES6语法。 我也使用require.js 但没有获得谷歌地图。 我得到了如上图所示的屏幕。 我用下面的代码： style. #map-canvas { height: 100%; margin: 0px; padding: 0px } #panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; } script. var GoogleMapsAPI = require('googlemaps'); var publicConfig = { key: 'My Key', stagger_time: 1000, // […]

如何使用javascript将LatlngBounds对象传递给nodejs服务器

我想从客户端传递一个LatlngBounds对象到nodejs服务器。 var bounds = map.getBounds(); socket.emit('sendbounds', bounds); 在服务器上： socket.on('sendbounds',function(data){ console.log(data); data.getNorthEast();// undefined method getNorthEast() } 服务器可以获取客户端发送的数据。 但是我无法使用方法getNorthEast（）。 我的解决scheme是创build一个对象LatlngBounds： bounds = new google.maps.LatLng(data.Ea.k, data.va.j), new google.maps.LatLng(data.Ea.j, data.va.k)); 不过这并不推荐，因为我们无法确定键名是否总是'Ea'和'va'。 我注意到有时键名是“Fa”和“wa”，它们是“无证的属性”，它们随着API的发布而变化。 任何解决scheme来解决这个问题？