Tag: 谷歌地图

Google地图自动搜索页面加载: 我在我的网页上使用Google Maps API v3，当前加载页面时，搜索框会预先填充我选择的搜索字词。但我需要它实际上然后使用该术语搜索地图。我似乎无法使用谷歌的API找到任何方法，所以我想也许我可以使用此代码模拟“输入”键按下： var e = jQuery.Event(“keydown”); e.which = 13; $(“#pac-input”).trigger(e); （ #pac-input是地图上标签的id）然而，这似乎不起作用。那么如何强制搜索页面加载？编辑：这是我正在谈论的搜索框

Ui-Tabs中的Google Maps Api v3地图已被删除: 我知道这是一个常见的问题，我已经在这里查看了解决方案的所有主题，但是，当我更改标签时，我继续这个问题：请看看我的js代码： function initialize() { //replace 0’s on next line with latitude and longitude numbers from earlier on in tutorial. var myLatlng = new google.maps.LatLng(40.654372, -7.914174); var myLatlng1 = new google.maps.LatLng(43.654372, -7.914174); var myOptions = { zoom: 16, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } var myOptions1 = { zoom: 16, center: myLatlng1, mapTypeId: google.maps.MapTypeId.ROADMAP } //here’s […]

使用jQuery点击按钮加载Google Map: 我目前正在尝试更改屏幕上显示的地图，具体取决于单击哪个锚标记。 lat和long for存储在名为’data-latLng’的锚标记的HTML属性中，并传递给我的Javascript，然后使用此latLng向Google API发出请求。我遇到的问题是没有显示实际的地图。变焦条和其他function正在显示正常。这是实际的地图本身。我创建了一个jFiddle来显示我的代码。我是否正确地解决了这个问题？谢谢 http://jsfiddle.net/fJdtY/ html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map-canvas { height: 100% } Button Button 2 jQuery(document).ready(function() { jQuery(document).on(“click”, “.button”, function(e) { e.preventDefault(); var latLng = jQuery(this).attr(“data-latLng”); initialize(latLng); }); function initialize(latLng) { var mapOptions = { center: new […]

由于内容安全策略，谷歌地图api脚本确实加载: 我正在制作谷歌浏览器扩展程序，我想使用谷歌地图。问题是当我运行我的脚本然后它给了我这个错误 Refused to load script from ‘https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXX&sensor=false’ because of Content-Security-Policy. 这是我的清单文件 { “name”: “Name”, “version”: “1.0”, “manifest_version”: 2, “background”: { “scripts”: [ “js/script.js” ] }, “description”: “Desc”, “browser_action”: { “default_icon”: “images/icon.png”, “default_title”: “Title”, “default_popup”: “html/popup.html” }, “permissions”: [ “http://*/”, “http://*.google.com/”, “http://localhost/*” ], “content_security_policy”: “script-src ‘self’ http://google.com; object-src ‘self'” } 我正在添加这样的脚本为什么我一次又一次地收到这个错误？请帮忙… 更新一个我将这两个权限添加到清单文件但仍无效 […]

使用谷歌地图computeDistanceBetween获取最近的位置返回NaN: 好的，我在测试网站上设置了地图和自动填充字段。我的目标是让用户在现场输入他/她的地址，然后当他/她点击确认根据提供的信息确定离他们最近的商店。我有每个商店的lat / long，并且在自动完成的帮助下，我现在有lat / long的用户地址但是当我使用文档中提供的computeDistanceBetween方法时，我得到NaN而不是期望的结果。这是测试网站的链接，以获得一个想法 – http://dev.touch-akl.com/map/ 以下是我到目前为止所尝试的内容 //—————————————————————- //— Search Box ————————————————- var input = document.getElementById(‘address’); var $confirm = $(‘#confirm’); var options = { types: [‘geocode’], componentRestrictions: {country: ‘nz’}//Turkey only }; var autocomplete = new google.maps.places.Autocomplete(input,options); autocomplete.bindTo(‘bounds’, map); $confirm.click(function(){ var _street = $(‘#address’).val(); var place = autocomplete.getPlace(); var _coordinates = place.geometry.location.toString(); […]

在自动完成选项中解析Google地图中的address_components: 当选择自动完成列表时，我有以下代码来解析country ： $(‘#spot_address’).autocomplete({ // This bit uses the geocoder to fetch address values source: function(request, response) { geocoder.geocode( {‘address’: request.term }, function(results, status) { // Get address_components for (var i = 0; i < results[0].address_components.length; i++) { var addr = results[0].address_components[i]; var getCountry; if (addr.types[0] == 'country') getCountry = addr.long_name; } response($.map(results, function(item) { return […]

Google地图通过外部链接点击标记: 谷歌地图，点击外部链接目标标记。在下面找到小提琴演示。找小提琴演示 google.maps.event.addListener(marker, ‘click’, (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); map.setZoom(9); map.setCenter(marker.getPosition()); } })(marker, i)); function triggerClick(i) { google.maps.event.trigger(markers[i],’click’); } location1 location2 location3 location4

从谷歌地图外部的外部链接打开infoWindows: 我目前正在使用Google Maps API来创建属性映射。我通过自定义post类型控制它，它将标记带到地图上，infoWindows在点击时打开。我现在需要实现某种方式来列出地图下面的属性（最终进入滑块），这样当在地图外部单击属性时，地图会平移到标记并打开infoWindow。目前我根本无法让它工作 – 我不是一个非常强大的JavaScript编码器所以任何帮助将非常感激。我目前在地图下面有一个post类型条目列表，但无法链接它们。这是目前为止地图的代码片段.. /* MARKER 1 */ function add_marker( $marker, map ) { // var var image = ‘http://www.masonyoung.co.uk/wp-content/uploads/2015/08/mason-new.png’; var latlng = new google.maps.LatLng( $marker.attr(‘data-lat’), $marker.attr(‘data-lng’) ); // create marker var marker = new google.maps.Marker ({ position : latlng, map : map, icon: image }); // add to […]

未定义的referenceError谷歌未定义: 请帮我调试为什么Chrome无法识别谷歌。我收到此错误：未捕获的ReferenceError：谷歌未定义我已将API脚本移至顶部，失败。我调整了自己的代码以匹配Google的文档，但失败了。是Chrome导致了我的问题吗？ weather map html, body { margin: 0; } #map-canvas { width: 100%; height: 100%; } Map Test $(document).ready(function() { google.maps.event.addDomListener(window, ‘load’, initMap); }); var map; function initMap() { map = new google.maps.Map(document.getElementById(“map- canvas”), { center: {lat: 29.423017, lng: -98.48527}, zoom: 8, }); }