我正在使用vuejs,它在浏览器中作为单页面应用程序运行,因此我正在进行的任何API调用都使用axios。不幸的是,googles API会因CORS而阻止通过axios发出的任何请求。我尝试过各种npm软件包来尝试解决这个问题,其中包括"官方" google maps package,但我仍然遇到CORS问题。
我很肯定必须有一种方法可以使用他们的一个javascript库通过浏览器进行placeid搜索,但我不能在我的生活中找到任何好的文章或例子来看看它是如何完成的。
我有谷歌自动完成工作,通过地理编码创建谷歌地图是没有问题的,只是无法找到任何与胎盘搜索相关的内容。
以下是我尝试从google文档中获取的请求的示例。
https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=YOUR_API_KEY
任何人都可以提供解决方案或链接到解释如何通过javascript库或通过API调用正确执行此操作而不会遇到CORS问题吗?
答案 0 :(得分:3)
您指向Google地图包的链接是Node.js包(服务器端)。这就是你有CORS问题的原因。
如果您正在构建客户端应用程序,请查看 Places SDK for Android,Places SDK for iOS和Places Library,Maps JavaScript API。
如果您想在客户端使用Google地图,则应使用Maps JavaScript API