Tag: 谷歌地图

搜索位置的Google Map边界

我使用以下代码在我动态搜索的位置（代码）上显示标记。 现在我想突出显示搜索到的位置边界。 （例如，如果我搜索“东京”，它应该标记’东京’的边界（请参考图像以供参考）。 var geocoder; var map; function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(-34.397, 150.644); var mapOptions = { zoom: 8, center: latlng } map = new google.maps.Map(document.getElementById(‘map-canvas’), mapOptions); } function codeAddress() { var address = document.getElementById(‘address’).value; geocoder.geocode({ ‘address’: address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { […]

在谷歌地图标记中显示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 ‘+ ”+ ”; […]

使用ajax返回google地图标记始终为null

编辑：我从网络数据获得的实际错误： “无效的JSON原语：位置” 代码呼唤它： function AddMarkerAndPanTo(latLng, map) { var marker = new google.maps.Marker({ position: latLng, map: map }); var x = marker.position; $.ajax({ type: “POST”, url: ‘@Url.Action(“AddMarker”, “Map”)’, // Map Controller, AddMarker Action data: JSON.stringify({ “position”: x }), contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { if (data.done) alert(“Marker added”); else alert(“MARKER FAILED”); } }); […]

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 […]

将wordpress $ current_user-> ID从php文件发送到外部Javascript文件

我正在尝试将KML文件动态加载到地图中，具体取决于登录的伙伴用户。当我在javascript文件中对userID进行硬编码时，一切正常，但我需要动态加载当前用户用户ID。 这是javascript文件： function initialize(){ //MAP //manually set user ID to zero //var current_user =0; var current_user; //var current_user = “ID?>” var latlng = new google.maps.LatLng(90.64138205695923,-45.38903528363647); var options = { zoom: 16, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById(“map_canvas”), options); var kmlLayer = new google.maps.KmlLayer(‘http://www.mysite.com/timeline_’+current_user+’.kml’); kmlLayer.setMap(map); 这是我在php文件中的循环内容： $(“#address1”).click( function() { initialize(); var currentUser = […]

当我点击谷歌地图时，如何获得鼠标的偏移量（地图上的左侧和顶部）

它会是这样的： left：（<= 300）top：（<= 500） GEvent.addListener(map, “click”, function() { //aFn() }); 我点击时想制作折线： var polyline = new GPolyline([onePoint,twoPoint], “#ff0000”, 5); map.addOverlay(polyline); 谢谢

未找到Javascript / jQuery Google地图路线

我有一个应用程序，它显示数据库中的邮政编码，当点击一个按钮时，邮政编码被地理编码并在弹出窗口的谷歌地图上显示为标记。 我试图在地图上显示两个标记之间的行车路线。 我已将地理编码值保存到HTML span标记中，并且我尝试将这些值用作路径的起点和终点。 除标记之间显示的路线外，所有内容都有效，显示错误消息“路由请求因NOT_FOUND而失败”。 知道如何让路线出现吗？ $(document).ready(function () { $(“.openMap”).click(function () { var directionsService = new google.maps.DirectionsService; var mapLocation = $(this).prev().prev().prev().text(); var secondMarker = $(this).prev().prev().text(); window.markers = []; var geocoder = new google.maps.Geocoder(); geocoder.geocode({ address: mapLocation }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { var mapOptions = { center: results[0].geometry.location, zoom: 15, mapTypeId: […]

为什么在设置图层后将鼠标hover在地图上时会出现类型错误？

我有一张我在这里建造的地图： https ： //www.jsnippet.net/snippet/1437/ 这是一个绘图管理器解决方案，我可以在其中绘制圆形，方形或多边形。 不是多层，只有一层。 多边形放置工作完美（虽然我试图找出删除多边形顶点），但我的问题确实是控制台。 放置多边形，圆形或矩形后，我开始在地图上接收hover错误： Uncaught TypeError: Cannot read property ‘Sa’ of null at UV. (onion.js:59) at Object._.A.trigger (js?key=AIzaSyALxYexJJN5slLNWWGijb16z2Dys66ASIA&libraries=drawing&callback=initMap:102) at UV.handleEvent (onion.js:63) at jy._.k.de (map.js:44) at Object._.A.trigger (js?key=AIzaSyALxYexJJN5slLNWWGijb16z2Dys66ASIA&libraries=drawing&callback=initMap:102) at hq. (common.js:132) at Object._.A.trigger (js?key=AIzaSyALxYexJJN5slLNWWGijb16z2Dys66ASIA&libraries=drawing&callback=initMap:102) at nq (common.js:87) at hq. (common.js:192) at hq. (common.js:192) 当我将鼠标hover在地图上时会发生此错误，当我移动鼠标时，它会继续显示。 我不知道如何解决这个问题。 任何智慧都会受到高度赞赏。 谢谢。 更新＃1： 我测试了多个浏览器（Opera，Firefox，IE和Chrome），我收到相同的响应加上以下错误： Uncaught TypeError: JSON.parse […]

使用API​​ V3的主要Google Maps故障

编辑：现在已经解决了，请参阅下面的答案 情况： 用户点击地图图片 谷歌地图API V3通过ajax加载 地图显示在对话框窗口/灯箱中 怎么了： 地图显示并且所有function都有效，但是地图的左上角“正方形”会出现故障。 我被卡住了！ 编辑：现在使用代码： $(function() { var latlng = new google.maps.LatLng(51.448359,-2.590559); var options = { zoom: 13, center: latlng, mapTypeControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(‘map_canvas’), options); var marker = new google.maps.Marker({ position: new google.maps.LatLng(51.448359,-2.590559), map: map }); })

是否可以使用jQuery进行Google Maps API调用？

以下不起作用： $.get(‘http://maps.googleapis.com/maps/api/geocode/json?&sensor=false&region=nz&address=queen’, function(response){ console.debug(response); }); 由于Ajax的原始政策，似乎无法做到这一点。 但是，我正在尝试进行互动，我需要在javascript中使用Google Maps API的响应才能执行此操作。