Tag: 谷歌地图

如何动态更改谷歌地图标记图标

我正在使用ajax和php,我抓住了数据库中的所有点并在地图上绘制它们。 哪个工作正常。 但是,我想根据每个记录中数据库中的状态是100还是200或300来更改标记的图标。 我似乎无法得到任何工作。 这是我的代码: if (localStorage.getItem(‘type2’) !== null) { $(function () { var radius2 = localStorage.getItem(“radius2”); var lat2 = localStorage.getItem(“lat2”); var long2 = localStorage.getItem(“long2”); var type2 = localStorage.getItem(“type2”); var city2 = localStorage.getItem(“city2”); var rep2 = localStorage.getItem(“rep2”); var size2 = localStorage.getItem(“size2”); var status2 = localStorage.getItem(“status2”); $.ajax({ url: ‘http://example.com/Test/www/22233333.php’, data: “city2=” + city2 + “&rep2=” + […]

如何获取视图区域的当前国家/地区?

以下部分代码向我提供了我的标记(不可拖动)设置的国家/地区… for (var i = 0; i < results[0].address_components.length; i++) { if (results[0].address_components[i].types[0] == "country") { clientPositionMarkerCountry = results[0].address_components[i].long_name; } } 当用户移动到另一个国家(例如,在这个国家或任何其他国家的旁边)时,我想获得他当时所在的国家(或者可能是当前国家)。

Google地图上的JSON Feed没有显示任何内容

我希望谷歌地图显示标记与JSON提要。 但它不起作用。 我找不到实际的问题。 所以这是我的代码: var map; // The JSON data var json = [{ “OpperationErrorMsg”:””, “IsSuccess”:true, “ResultId”:1000, “Timestamp”:”2016-10-12T18:00:07.0232702Z”, “Echo”:null, “InSandbox”:true, “DebugMessages”:[ ], “MissingDetails”:[ ], “ResponseData”:[ { “CallTimeLocal”:”2016-10-10T06:28:48.7330000″, “IncidentId”:3374, “IncidentNumber”:”HC2016004034″, “CallTime”:”2016-10-10T10:28:48.7330000″, “ElapsedSeconds”:0, “Location”:”2712 E HANNA AVE”, “BuildingName”:null, “BuildingNumber”:null, “NatureId”:6743, “FirePriorityId”:1, “CoordinateX”:-82.429500000000, “CoordinateY”:28.003389000000 }, { “CallTimeLocal”:”2016-10-10T11:28:36.7000000″, “IncidentId”:3382, “IncidentNumber”:”HC2016004042″, “CallTime”:”2016-10-10T15:28:36.7000000″, “ElapsedSeconds”:0, “Location”:”1220 APOLLO BEACH BLVD S”, “BuildingName”:”Apollo Beach […]

灰色竖条出现在Google地图中

我已经在我的某个网站的移动版本中安装了Google地图API,我在整个地图中每隔300px左右出现灰色垂直条的问题,有没有人知道如何解决这个问题? 我试过设置地图resizefunction和中心坐标,但没有运气。 我没有遇到像我这样的另一个问题有一个解决方案…你可以在http://encorewebplus.com/mobilerestaurant/HIGHEND/#ourlocation看到我正在谈论的一个例子(如果你拖动并调整窗口大小你会看到这个问题) 谢谢你的帮助

Color Tint my Google Map

我正在使用Google Maps V3 API来显示我的地图。 问题:我如何为地图着色,比如说蓝色,这样地图图块就会有蓝色,但标记和其他叠加不会? 我不希望在地图上使用自定义样式,这将使我快速达到样式化地图的谷歌地图使用限制。 我想添加一个带有不透明度的蓝色多边形,但是当你平移地图时,我想到多边形会移出屏幕。 有没有更好的方法来实现这种效果?

壁板内的谷歌地图 – 灰色正方形

谢谢你花时间检查我的问题。 这是 – 我看到了我试图在客户端网站上复制的Google Maps实现,但我遇到了困难。 这是我试图重新创建的效果 – http://www.franckmaurin.com/ 。 当您点击“联系”时,Google地图会从页面顶部展开,推送内容。 所以这就是我尝试的方式 – Open The Map .. rest of content 然后我的CSS #map_canvas { height:350px; width:100%; } #map-container { height:0px; } ..然后是JS $(‘.open-map’).click(function() { $(‘#map-container’).css(“height”,350); }); ..这显然是一个精简版。 我也希望为下拉列表设置动画..但我一直在看一个看起来像http://d.pr/rNnr的不完整的地图。 不完整的灰色很多。 我尝试了不同的打开和关闭方法(包括在容器上设置{height:350px; display:none}但这个问题总是在那里。如果我不隐藏地图容器,那么地图就没有问题。 有没有人有任何想法,我在这里做错了什么?

删除谷歌地图标记

我有下一个脚本 $(‘.check_orders_dl’).click(function(){ var get_maps = function(){ $.ajax({ type: “POST”, url:”/tracking.php”, success:function(data, textStatus, jqXHR) { var objs = jQuery.parseJSON( data ); var obj = objs[0]; $(‘.lat’).val(obj.latitude); $(‘.long’).val(obj.longitude); }, error: function(jqXHR, textStatus, errorThrown){ } }); }; var latitude = $(‘.lat’).val(); var longitude = $(‘.long’).val(); var markers = []; var map, mapCenter = new google.maps.LatLng(40.700683, -73.925972), map; function […]

Google地图:从地图视图更改为卫星视图

我有一个谷歌地图与JavaScript,我想放大100%后,(完全缩放)将模式地图从地图视图更改为卫星视图,如何在以下javascript代码中完成? 演示: http : //jsfiddle.net/keL4L2h0/ //////// Loading Google Map ////////////////////////////////////////////////////////////////////////////////// $(function() { var latitude = $(‘input[name=”latitude”]’).val(); var longitude = $(‘input[name=”longitude”]’).val(); var lat = (latitude ? latitude : 38.341656192795924), lng = (longitude ? longitude : -122.68604278564453), latlng = new google.maps.LatLng(lat, lng), image = ‘http://sofzh.miximages.com/javascript/blue-dot.png’; //zoomControl: true; //zoomControlOptions: google.maps.ZoomControlStyle.LARGE; var mapOptions = { center: new google.maps.LatLng(lat, lng), […]

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

从API调用JSON元素并将结果作为字符串返回

我试图从API调用一个特定的元素(国家),我希望它以字符串forms返回,我将在下面详细说明 用户的输入: 纽约,纽约,美国 使用的API: http://maps.google.com/maps/api/js?sensor=true&libraries=places 期望的结果: 美国/美国/美国 JSON不确定它叫什么: https://maps.googleapis.com/maps/api/geocode/json?address=New%20York,%20NY,%20United%20States&sensor=true 我对如何做到有点失落,但这是我尝试的: Project 9 $(document).ready(function() { $(“#btn1 “).click(function() { var address=encodeURI($(‘#userInput’).val()); var url=’https://maps.googleapis.com/maps/api/geocode/json?address=’+address+’&sensor=true’; $.getJSON(url, function(data){ var shortname=data.results[0].address_components[3].short_name; var longname=data.results[0].address_components[3].long_name; alert(shortname+’ ‘+longname); }); }); }); 我更新了这个问题,我很欣赏你的所有答案,但是我注意到在一些输入中,它不会返回国家但是返回address_components的索引3中的对象我们如何才能限制它只返回国家? 谢谢 它可以像这样工作吗? var shortname=data.results[0].address_components[country].short_name; var longname=data.results[0].address_components[country].long_name; alert(shortname+’ ‘+longname);