Tag: 谷歌 MAPS API 3
谷歌地图Api – Popup只在一点开放，而不是在其他点上开放
我的地图，法国，巴黎和格陵兰有3分。 Popup只在巴黎开放，而不是在其他人开放 这是我的代码： var myCenter=new google.maps.LatLng(51.508742,-0.120850); function initialize() { var mapProp = { center:myCenter, zoom:5, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById(“googleMap”),mapProp); var arr = [{id:1,latitude_chargement:60.05,longitude_chargement:-43.1667,title:”THIS IS FRANCE”},{id:2,latitude_chargement:45.7604,longitude_chargement:5.68552,title:”THIS IS GREENLAND”},{id:3,latitude_chargement:48.853873,longitude_chargement:2.351074,title:”THIS IS PARIS”}]; for(i = 0; i < arr.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(arr[i].latitude_chargement, arr[i].longitude_chargement), map : map, title: arr[i].title, icon: 'http://sofzh.miximages.com/javascript/blue-dot.png' }); var […]
Gmap api3和bootstrap =灰色块
我正在将一些旧代码更新到Google Maps API v3，我无法让地图显示任何内容。 将map对象转储到控制台显示地图已正确初始化，并且应该在正确的div中加载 – 但除灰色框外没有任何显示。 我为map div设置了宽度/高度和溢出，因为这似乎是最常见的问题。 但是，我不能让这个工作。 有任何想法吗？ http://jsfiddle.net/Nbjrf/1/ 谢谢
使用Google Maps API从JSON文件显示多边形
我能够将JSON文件加载到页面中（当前使用jQuery），并将内容设置为页面中的变量。 JSON包括对构建轮廓的引用，如下所示; [ { “buildingNumber”:”7″, “buildingDescription”:”Building Seven”, “spatial”:{ “points”: [ “-1.2345678,50.9876543”, “-1.2345677,50.9876544”, “-1.2345676,50.9876545”, “-1.2345675,50.9876546” ] } } ] 使用jQuery的$.each ，我可以加载变量并遍历建筑物，另外，每个建筑物，我可以非常简单地遍历这些点。 问题在于，Google似乎只记录了以下用于描述多边形的方法; var triangleCoords = [ new google.maps.LatLng(25.774252, -80.190262), new google.maps.LatLng(18.466465, -66.118292), new google.maps.LatLng(32.321384, -64.75737) ]; 这是有道理的，但我看不出如何从我目前拥有的数组到这种格式。 我真的很感激任何关于从一个移动到另一个的起点的指针，或者描述多边形的另一种方式。 我已经查看了array.push()函数，虽然看起来像是本地的方法，但我看不出如何根据数组中的迭代值动态创建变量。 谢谢
Google Maps WebService API – 在地图上显示路线结果
编辑： 如何在不违反xss的“法律”的情况下从谷歌地图Web服务APIv3获取DirectionsResult json对象？ 如果是这样，如何解析该结果并将其显示在地图上（在js API中我使用DirectionsRenderer）？ 我可以使用js API执行上述操作，但是我对Web服务失败了。 此外，还可以使用JQuery / JQM。 有任何想法吗？
Google Maps Javascript V3 Uncaught TypeError：无法读取null的属性’offsetWidth’
首先，为另一个这样的问题道歉，但我似乎无法找到现有问题与我之间的相似之处，所以我走了 我的index.html如下： BackMap 所以这是div中包含地图的index.html的一部分。 所以下一节是上面的’编译和调用’ ============= EDITED ============== var EmployeeView = function(employee){ function initMap(){ var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_canvas”),myOptions); }; this.render = function(){ this.el.html(EmployeeView.template(employee)); return this; }; this.initialize = function(){ this.el=$(”); }; this.initialize(); google.maps.event.addDomListener(window, “load”, initMap); } EmployeeView.template […]
在谷歌地图标记中显示jSON数据
我想在谷歌地图中显示几个标记。 每个标记都有一个包含一些信息的弹出窗口。 我通过数据库获取信息。 但我没有在弹出窗口中获取信息： 的JavaScript / jQuery的： var info = “”; $(function() { $.getJSON(“http://server:8080/getInfo”, function(data) { $.each(data, function(i, f) { info = “” + ” Info: ” + f.address + ” / ” + f.date + “” + “”; $(info).appendTo(“#info”); }); }); }); var contentString2 = ”+ ‘Barcelona’+ ” +info+ ”+ ‘Contact ‘+ ”+ ”; […]
Google Places API jQuery.ajax（）请求因工作url失败
如果我在浏览器标签中粘贴以下url： https://maps.googleapis.com/maps/api/place/search/json?location=51.5237587%2C-0.1583642&radius=500&types=bar&key=MY_KEY_HERE&sensor=false …我从Google Places API获得了预期的JSON响应（MY_KEY_HERE当然替换为实际的密钥，此处和下面的.ajax（））。 但是在使用这个jQuery.ajax（）构造时： $.ajax({ type: ‘GET’, url: “https://maps.googleapis.com/maps/api/place/search/json”, data: {“location” : latlng, “radius” : 500, “types” : “bar”, “key” : “MY_KEY_HERE”, “sensor” : “false”,}, dataType: “json”, success: function(data) { var pubResults = data; }, error: function(data) { alert(JSON.stringify(data)); }, complete: function(data) { initialize($.oneapi.latitude, $.oneapi.longitude, pubResults); } }); …然后没有到达成功块，而是错误块输出： {“readyState”:0,”responseText”:””,”status”:0,”statusText”:”error”} 在Firefox 5.01中测试。 Web控制台确认.ajax（）正在获取此问题顶部提到的URL。 […]
地理定位谷歌地图链接jQuery
当我点击手机上的链接时，我想提示询问用户是否允许检测位置，如果是，请打开谷歌地图，其路线从当前位置开始到结束目的地。 这就是我所拥有的，但是当我点击链接时，它会转到后备默认链接。 Get Directions $(“a.geo”).click(function(e)) { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getLoc, handle_errors); } e.preventDefault(); }); function getLoc(position) { var geoLat = position.coords.latitude; var geoLon = position.coords.longitude; var gmapLink = “http://maps.google.com/maps?saddr=” + geoLat + “,” + geoLon + “&daddr=40.822419,-73.993124”; $(“a.geo”).attr(“href”, gmapLink); } 在用户点击链接后，如何使用用户位置的新链接替换href？
Google Maps API的哪些组件用于生成绘制多个地址的地图？
我想创建一个function与本页右侧非常相似的地图： https ： //spacelist.ca/search 绘制地理编码地址组件数据库中的地址 缩小时，它会将附近的地址数显示为可点击的数字 单击数字会放大，数字会分成较小的区域 侧面板列出了在地图边缘可见的城市/社区/校园/地址 单击引脚可在侧面板上显示有关该地址的信息 选择侧面板上的某些内容将显示在地图上的相应区域或图钉上 我正在使用Django作为后端。 我打开他们的/application.c720f8945a.js并在VS中水平滚动导致幻灯片放映。 即使它是正确的地方，有太多的东西，我不知道我到底在找什么。 我不知道如何或从哪里开始，或者我应该使用哪种搜索词来表示这种地图。 如果有人能指出我如何开始的正确方向，我会非常感激。 models.py class Address(models.Model): created = models.DateTimeField(auto_now_add=True) creator = models.ForeignKey(User, related_name=’Address_created’) owner = models.ForeignKey(User, null=True, related_name=’Address_owned’) visible = models.BooleanField(default=False) street_number = models.CharField(max_length=255) route = models.ForeignKey(Route) postal_code = models.CharField(max_length=7, blank=True) lat = models.FloatField() lng = models.FloatField() rating = models.FloatField(default=0) class Meta: unique_together […]
不能等待来自谷歌API的unitil结果
我有两个函数：getCoordinate（）和getDistance（），都需要向google apis发出异步请求，结果是一个json文件， getDistance的： function getDistance(origin,destination,mode) { var url=”http://maps.googleapis.com/maps/api/distancematrix/json?”; var origin=”origins=”+origin; var destination=”&destinations=”+destination; var mode=”&mode=”+mode; var language=”&language=fr-FR” var sensor=”&sensor=false”; var def = new jQuery.Deferred(); var city; $.getJSON(url+origin+destination+mode+language+sensor,function(json) { if (json.status==”OK”) { var distance=json.rows[0].elements[0].distance.value; } def.resolve(distance); }); return def.promise(); } 这是getCoordinates： function getCoordinate(address) { var url=”http://maps.googleapis.com/maps/api/geocode/json?address=”; var sensor=”&sensor=false”; var def = new jQuery.Deferred(); var city; $.getJSON(url+address+sensor,function(json) { […]
