Articles of 谷歌地图

使用node.js谷歌地图客户端库

我认为这与我有限的JavaScript经验有关。 我使用Google的node.js客户端库,在这里find – https://github.com/googlemaps/google-maps-services-js这个例子展示了如何创build一个客户端对象 var googleMapsClient = require('@google/maps').createClient({ key: 'your API key here' }); 然后如何运行gecode请求并打印出结果: // Geocode an address. googleMapsClient.geocode({ address: '1600 Amphitheatre Parkway, Mountain View, CA' }, function(err, response) { if (!err) { console.log(response.json.results); } }); 我需要做的是从文件中读取一个地址列表,并为它们build立一个对象数组。 我希望我的代码能够按照以下方式进行操作: create address-objects array create a client object open the text files for each line in text […]

如何设置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, // […]