Tag: 谷歌地图

Google地图，包含多个地理位置位置和点击提醒: 我正在尝试创建一个包含多个地理位置位置的Google地图，并为每个位置创建一个独特的提醒。最终，位置和位置内容将动态生成，但是现在，我只是尝试使用静态内容。我的地图点正确显示，但是，我遇到了警报的问题，这些警报在增量变量就位时不会出现。据我所知，locationContent [i] [0]中的var [i]没有被数字替换。 http://jsfiddle.net/rum0gxtw/ 例如，当我用locationContent [0] [1]替换代码时，它返回alert1（在所有3个标记上）。 http://jsfiddle.net/rum0gxtw/1/ 我需要它增加，所以它返回相应标记的alert1，alert2，alert3。我几个小时都在盯着代码，现在尝试各种方法来解决它。我想我只是缺少一些基本的东西。这是我的代码： var locations = [ [‘Loughbourough University’, ‘LE11 3TU’], [‘Durham School’, ‘DH1 4SZ’], [‘Oxford University’, ‘OX4 1EQ’], ]; // Alert Content var locationContent = [ [‘wow1’, ‘alert1’], [‘wow2’, ‘alert2’], [‘wow3’, ‘alert3’] ]; var image = ‘icon.png’; var map = new […]

如何在Google地图中hover标记以显示可排序的表格？: 我有一个表，我使用jQuery插件Tablesorter 2.0进行了排序。在同一页面上，我有一个Google地图，显示表格中每个项目的标记。现在，我想这样做，以便当 hover时，Google Map上的相应标记会突出显示。我也想反之亦然，点击标记会突出显示表格行。我遇到的问题是我不知道如何将标记与表格行相关联。我可以使用（在Javascript中）获取每个项目的坐标和标记： var list = [ new GMarker(new GLatLng(, )), ]; 这工作正常，但我不知道如何将这个标记数组与表行相关联，考虑到可以对行进行排序。任何正确方向的帮助都会受到赞赏，因为我现在很难过。

将自定义图像添加到标记群集而不覆盖标记: 我有以下jQuery代码添加地图标记集群： markerCluster = new MarkerClusterer(map); 我正在使用markerCluster.addMarker(Marker); 将单个标记添加到群集（页面底部的完整代码块）。我遇到的问题是我的群集默认没有附加图像。我可以做以下事情： var options = ‘an image path’; markerCluster = new MarkerClusterer(map,markers,options); 但是由于选项是第三个参数，我实际上会覆盖第二个参数。有没有办法将图像设置为MarkerCluster而不覆盖标记？ (function () { var address = response[key][“address”]; $.getJSON(‘http://maps.googleapis.com/maps/api/geocode/json?address=’+response[key][“post_code”]+’&sensor=false’, null, function (data) { var p = data.results[0].geometry.location var latlng = new google.maps.LatLng(p.lat, p.lng); var Marker = new google.maps.Marker({ position: latlng, map: map, content: address }); […]

发送AJAX请求以获取Google地图指示时出错（访问标头）: 我正在尝试使用Google地图的路线API获取路线，但我收到了错误消息：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许来源“ http://irfanknow.com ”访问。我尝试使用https是协议和jsonp作为数据类型，但似乎都没有解决它。我究竟做错了什么？这是我的代码： $.ajax({ url: ‘https://maps.googleapis.com/maps/api/directions/json?origin=’+encodeURI(from)+’&destination=’+encodeURI(to)+’&key=AIzaSyA-DmsaUVTWZgzqd43J5lMWIgUcIiIfIlo’, dataType: ‘json’, jsonp: ‘callback’, method: ‘GET’, success: function(directionsResults){ console.log(directionsResults); } });

谷歌地图只是部分显示: 你好我有这个问题，当我加载一个地图，其中的地图是隐藏的div，地图只是部分加载，左上角的地图的1/4，地图渲染得好，当它加载容器不隐。我准备这个jsFiddle示例页面： http://jsfiddle.net/Z5AGP/2/ $(“#toggleAdvanced”).click(function(){ $(“#advancedSearch”).slideToggle( “fast”, function() { google.maps.event.trigger(map, ‘resize’); }); }); 如果您尝试，请单击“单击”文本，您将看到刚刚部分加载的地图，如何尝试从#map_wrapper {display：none; 到#map_wrapper {display：block; 和地图点击hiden和显示按钮完美。正如你所看到的，我在幻灯片效果之后触发了google.maps.event.trigger（map，’resize’）事件，因此它可以正常工作…（正如我在其他队列中所说的那样）怎么了？或者我该如何解决这个问题？

如何使用Google地图点连接地点列表: 它们是两个独立的实体atm： https://jsfiddle.net/31b2tbpu/13/ 我希望链接它们，因此单击列表项会使该框显示在相应的地图项上，并且单击地图项会更改列表项的颜色等。我是否需要每个锚点来调用一个改变的函数： google.maps.event.addListener(marker, ‘click’, (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i));

为什么我不能将动态事件处理程序附加到此元素？: 我的代码： HTML Click jQuery的/地图 $(“body”).on(“click”, “.pulsanteProva”, function () { alert(“clicked”); }); $(window).load(function () { var templateFinestra = $(‘#mappa-infowindow’); var infoWindowOptions = { content: templateFinestra.html(), pixelOffset: new google.maps.Size(-87, -88) }; var infowindow = new InfoBox(infoWindowOptions); var latlng = new google.maps.LatLng(42.745334,12.738430); var options = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new […]

如果页面上有javascript错误，谷歌地图是否会加载？: 我使用的是Google Maps API。我通过以下方式获取Google地图： $map = $this->ci->gis->draw_map_position_by_lat_long($this->ci->profile_data[‘LocLat’],$this->ci->profile_data[‘LocLong’]); $this->ci->widgets[‘map’]= $map; function： public function draw_map_position_by_lat_long($lat = NULL , $long = NULL) { $load[‘center’] = $lat . ‘,’ . $long; $load[‘map_height’] = “191px”; $this->ci->googlemaps->initialize($load); $i = 0; $marker = array(); $marker[‘position’] = $lat . ‘,’ . $long; $marker[‘draggable’] = ‘TRUE’; $marker[‘ondragend’] = “dragmarker(this.getPosition().lat(),this.getPosition().lng())”; $this->ci->googlemaps->add_marker($marker); $map = $this->ci->googlemaps->create_map(); $this->position_data […]

谷歌地图在每个外部链接位置显示多个标记点击而不刷新页面: 我想显示Google地图以固定每个位置的多个商店。例如，位置是奈特利奇 class加罗尔海得拉巴如果我点击链接Chennai，地图将只在Chennai显示多个商店。如果我单击链接Trichy，地图将仅在Trichy中显示多个商店而不重新加载页面。如何在谷歌地图中编码？目前的代码是 HTML： js代码 // * // * Add multiple markers // * 2013 – en.marnoto.com // * // necessary variables var map; var infoWindow; // markersData variable stores the information necessary to each marker var markersData = [ { lat: 40.6386333, lng: -8.745, name: “Jayasurya Tex”, […]