Google Maps API InfoWindow & getJSON
Google Maps API是一套由Google提供的地图服务接口，可以在网页或移动应用中集成地图功能。其中，InfoWindow是Google Maps API中的一个类，用于在地图上显示信息窗口。它可以在地图上的特定位置弹出一个信息框，显示相关的文本、图像或其他自定义内容。
getJSON是jQuery库中的一个函数，用于从服务器获取JSON格式的数据。它通过发送HTTP请求，获取服务器返回的JSON数据，并将其解析为JavaScript对象，以便在网页中进行处理和展示。
Google Maps API InfoWindow和getJSON可以结合使用，实现在地图上点击某个位置后，通过getJSON函数从服务器获取相关位置的信息，并在InfoWindow中显示这些信息。这样用户就可以通过地图直观地查看位置信息，而不需要手动输入或搜索。
优势：
- 交互性强：通过Google Maps API可以实现地图的缩放、拖动、标记、路线规划等交互功能，提供了丰富的用户体验。
- 可定制性高：InfoWindow可以自定义样式和内容，使得地图上显示的信息窗口符合应用的设计需求。
- 数据获取方便：通过getJSON函数可以方便地从服务器获取JSON数据，实现与后端的数据交互。
应用场景：
- 地图导航应用：通过Google Maps API可以实现地图导航功能，包括路线规划、实时交通信息等。
- 地理位置展示：在网页或移动应用中展示特定位置的信息，如商家分布、景点介绍等。
- 地理位置搜索：通过地图上的搜索功能，用户可以快速找到特定位置的信息，如附近的餐厅、酒店等。
推荐的腾讯云相关产品：
腾讯云地图服务（https://cloud.tencent.com/product/tianditu）：提供了类似Google Maps API的地图服务接口，包括地图展示、地理编码、逆地理编码等功能。
腾讯云云函数（https://cloud.tencent.com/product/scf）：可以用于部署和运行后端代码，可以结合Google Maps API和getJSON函数实现地图数据的获取和处理。
腾讯云API网关（https://cloud.tencent.com/product/apigateway）：用于管理和发布API接口，可以将地图数据的获取接口发布为一个独立的服务，方便其他应用调用。
相关·内容
3回答
我试图从连接到我的网站上的用户那里获取纬度和经度，以便在地图上绘制或显示他的位置，但它显示的位置是错误的。有什么方法可以得到精确的经纬度吗？
<?php drupal_add_js('http://maps.google.com/maps/api/js?sensor=true'); ?>
`<script type="text/javascript">
//document.write("Hello World!");
jQuery(document).ready(func
浏览 0提问于2012-10-03得票数 4
回答已采纳
我正在使用Songkick.com的API数据在谷歌地图上绘制一些演唱会地点的地图。我正在使用jQuery调用数据。映射演唱会时，如果单个场地安排了多场演唱会，则所有标记都放置在完全相同的位置。这意味着只有最近音乐会的标记是可见的，而谷歌地图infoWindow只显示最近音乐会的数据。
我想让所有在同一个lat/long举行的音乐会都在infoWindow中显示他们的信息。因此，当您单击该标记时，所有预定的节目都会显示在infoWindow中，而不仅仅是最近的节目。
下面是我的javascript的一部分：
function doSearch(locations) {
deleteOverla
浏览 1提问于2012-03-21得票数 1
回答已采纳
在我的公司网站上，我使用谷歌地图API。我的问题是，当我进行文本搜索时，它在Google地图上的显示并不完全一样。以下是我从API获得的屏幕截图和其中一个预期结果：
所以，在第一个屏幕上，我的标记是正确的，但是图标和公司是'Cap Enfant'，在同一座大楼里的一家公司。在第二个方面，这正是我想要实现的……
我使用的是Google place api。因此，由于Google地图上的文本搜索给了我正确的结果，我尝试使用Textsearch API，但我得到的结果与Google place api相同。使用文本搜索我找到了我的公司(我设置了一个小半径，以确保只找到我的公司，这
浏览 0提问于2017-03-21得票数 0
我正在尝试将地理位置添加到自定义的公共google地图，但我无法让它工作。。
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
以及我刚刚将'.getElementsById‘更改为’.getElementsByClassName‘的代码：
<script type="text/javascript">
var map;
function initialize() {
var m
浏览 0提问于2013-07-03得票数 0
回答已采纳
我的项目使用JSON提要来获取指定纬度和经度范围内的地震信息，这实际上是一个盒子。我获取这些信息并将所有结果转换为Google地图上的标记。我需要每个标记也显示一些额外的信息，所以我尝试使用内置的InfoWindow对象，这样当您单击一个标记时，您就会打开工具提示，其中包含一些与该标记相关的信息。然而，我发现无论我点击什么标记，相同的infowindow总是出现在那个组的相同标记之上，我相信它总是在我的循环中创建的最后一个infowindow。这是代码。
$.getJSON(url, function(json) {
for(var i = 0; i &
浏览 0提问于2010-03-02得票数 12
回答已采纳
1回答
我计划开发一个应用程序，允许用户在地图上添加地点并分享它们。我一直在谷歌地图中寻找解决方案，但我不明白是否有一种方法可以使用谷歌地图本身来存储数据，或者其他一些谷歌服务。Google Maps API是否允许存储和删除地点列表，或者我是否应该获得自己的云存储解决方案来做到这一点？提前谢谢你。
浏览 0提问于2016-09-19得票数 0
2回答
我正在创建一个谷歌地图，以显示一个品牌在印度各地的商店位置…
我已经在我的SQL server数据库中存储了完整的地址，以及纬度和经度...
在这里，我能够从数据库中获得地址并显示在我的网页上，但我坚持，映射到谷歌地图上的地址…
在这里，我保留了一个文本框，以便用户输入他的州/城市/任何位置名称，然后单击搜索按钮，然后我必须在地图上用标记标记相应的商店位置。
这是我的谷歌地图代码...
<script type="text/javascript">
var infowindow = null;
function initialize() {
浏览 10提问于2012-12-03得票数 1
回答已采纳
我正在为广告分类创建一个网站。我想让用户看到他们的位置附近的地图上的项目的位置。
使用Google的地理位置和集群标记的JS代码模板单独工作，当添加到相同的JS中时，它们不起作用。有没有一种方法可以将JS组合起来，让它们在同一张地图上工作？
提前感谢
编辑-我已经添加了JS代码
/*地理位置*/
var map, infoWindow;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng
浏览 1提问于2018-10-23得票数 1
您好，我试图通过首先使用js-placemaker从推文的文本中提取位置来将一些推文放到google地图上，js-placemaker是雅虎的web服务，用于从任何类型的数据中对文本进行地理定位。
问题是，我在地图上放置了不同的标记，但我只收到了推特resutlts回调的最后一条推文，我在地图上的每个标记上看到了相同的profile_img_url。我也无法让信息窗口工作。
function codeAddress(){
var geocoder = new google.maps.Geocoder();;
var mapOptions = {
center:
浏览 0提问于2012-08-12得票数 0
回答已采纳
因此，我有一个JavaScript代码，它显示了地图和我的位置。它还应用了一些额外的设置。我的问题是，看看下面的JS代码，并在这里使用GoogleMaps API：，有没有办法在这张地图上显示访问者的位置？
我正在尝试建立一个虚拟网站视图GeoLocator。显示所有“我的网站”浏览者的位置。或者，也许在线上有一个插件。
var map;
function initialize() {
var options =
{
zoom: 2,
center: new google.maps.LatLng(geoip_latitude(), geoip_longitude()),
浏览 0提问于2014-04-26得票数 0
3回答
我有这个代码在谷歌地图上显示多个地址。
问题是，当页面第一次加载地图时，地图显示的是蓝色的海洋，并且不对地址进行地理编码，我可以想象它使用的是0,0的lat长。
当我重新加载页面时，它会找到地址并在地图上显示它们。然后，如果我离开页面并返回到它，它也工作，我可以想象，因为缓存。
我真的需要把这件事做好，我完全不知所措。
有什么想法吗？
function initialize() {
var addresses = [ '60 Hednesford Road Cannock West Midlands WS11 1DJ','172 High Street Blo
浏览 6提问于2014-09-24得票数 0
回答已采纳
2回答
我正在尝试创建一个谷歌地图上的信息窗口多个矩形。我遵循了在中找到的用于多个标记的模式，我首先使用了这个示例，并使用LAT键和long键中的一个在地图上显示图标。这招奏效了。然后，我将代码更改为矩形并添加边界。但是地图上没有出现矩形。我试图对地图上的一个矩形进行硬编码，结果出现了一个矩形。
我还确保在infowindow中使用的描述没有任何链接。如果我在数据变量中传递一个链接，我发现这是一个问题。但是，如果我在创建infowindow内容时添加带有链接的变量，就可以使链接生效。
<script type="text/javascript" src="http:/
浏览 0提问于2016-03-22得票数 0
我已经写了一个PHP和javaScript代码，将从数据库中检索纬度和经度信息，并在谷歌地图上放置标记根据适当的地方(使用经度和经度值)。这可以很好地工作。
我需要连接这些标记并在地图上绘制路线。怎么做。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
body { font: normal 10pt He
浏览 0提问于2012-12-07得票数 1
回答已采纳
我正试着在我的地图上放一些谷歌地图标记，从一个API中定位。我尝试创建一个for循环来计算所有JSON数据，并将“一个驱动程序名称、一个驱动程序纬度和一个驱动程序经度”放入一个数组中。那么，这个数组是否应该帮助Google Maps在地图上标明这些位置。代码示例如下：
setTimeout(function () {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(62.457
浏览 0提问于2013-04-11得票数 5
回答已采纳
1回答
这是我的密码。它从数据库表中读取纬度和经度，并在地图上添加标记。我想要做的是在其中添加另一个表，并根据它在同一张地图上的纬度和经度值添加不同颜色的标记。我不知道如何从两个不同的表中取纬度和经度，用不同的颜色标记在地图上显示。
function initialize() {
<?php echo "initializing: ";?>
var position = new google.maps.LatLng(39.40233290,77.89265660 );
var image = {
url: 'images/im
浏览 0提问于2016-03-31得票数 0
回答已采纳
我用Google开发了一个应用程序，它使用.net地图，检索用户的纬度和经度，并提供植物信息。我的本地pc (即)上的应用程序工作得很好。
最近，我将应用程序部署到一个在线服务器上，在那里地图停止显示。
这是我的MVC视图代码
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAOwftJGF5aEhCpifN-pa4A8atYYW_oWMY"></script>
<script type="text/
浏览 7提问于2016-06-08得票数 1
回答已采纳
我的谷歌地图上有几个标记。每个应用程序都有文本，当单击它时会以infowindow的形式显示出来。所有这些的代码如下所示。但是，问题是，当我单击地图上的任何标记时，地图放大的标记总是相同的，并且相同标记的infoWindow会弹出。无论我在哪里点击，它总是一样的。
想知道是不是我做错了什么。有人能给我一些建议吗？
function getlistings()
{
$.getJSON('list/listings.json', processlistings);
}
function processlistings(data)
浏览 1提问于2012-04-20得票数 1
回答已采纳
我有一个非常困难的时间试图让信息在谷歌地图V3的工作，因为我希望它的工作。
-场景：-，我在旧金山的地铁系统和Google之间创建一个mashup。在一种功能中，当用户选择路由时，标记(代表站点)被覆盖到地图上。单击标记后，会打开一个infoWindow，它将显示车站的名称、路线名称(以该路线的颜色为背景)和一个无边界的表，该表将为该特定车站的列车运行提供ETD时间(基本上，在开往特定目的地的火车离开前“几分钟”)。显然，当用户单击不同的标记时，该站点的适当数据将反映在信息图上。
返回JSON格式ETD数据的服务器端脚本都能很好地工作，我正在接收我想要的数据。
-问题:我无法正确地将ETD数据
浏览 2提问于2012-09-26得票数 2
回答已采纳
1回答
我有一个web应用程序，可以在web视图中显示网页。但是网页不能获得getcurrentposition，但是如果我在android浏览器中显示网页，它可以，而不是在web应用程序中？
当页面从web应用程序运行时，它会在下面的js中显示'here‘警告，当页面显示时，地图显示"Error: the Geolocation service failed“。
有没有人写了一个原生的web应用程序，可以获取地理位置？在java web应用程序或权限中必须有其他需要的东西。有没有人做过这个..
这是我尝试使用的google示例的html，
这里是js
var initialLocat
浏览 2提问于2011-03-02得票数 0
回答已采纳
我在我的网站上使用谷歌地图API。地图从xml获取数据，然后使用经度和纬度显示各个位置上的标记。但是，我在xml中有500多个条目，但是映射没有显示所有条目。有谁能帮帮我。我需要地图上的整个xml的标记。地图显示在"“上，地图使用的xml文件是"”。对于google地图，我的代码是：
<script type="text/javascript">
var infowindow;
var map;
function initialize(str,category,city,minprice,maxprice,flag) {
var
浏览 3提问于2013-03-15得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
