Tag: 谷歌地图

如何停止使用谷歌地方填充自动填充的地址

所以我在我的一个表格上有一个谷歌地图自动完成，当它到达一个地方时，它取代了地方并格式化它，以便所有正确的信息进入表格上的不同输入。 我遇到的问题是在’place_changed’事件触发自动完成之前填充输入。 我想防止这个初始人口，而是填充我想要的东西。 我尝试做一个改变事件，但它似乎没有正确启动。 这是我的代码： HTML： <input type="text" name="address1" value="1255 W Washington St" required="" class="form-control" id="id_address1" placeholder="Enter a location" autocomplete="var input = /** @type {HTMLInputElement} */( JS： document.getElementById(‘id_address1’)); var autocomplete = new google.maps.places.Autocomplete(input); google.maps.event.addDomListener(input, ‘keydown’, function(e) { if (e.keyCode == 13) { e.preventDefault(); console.log(‘enter’); } }); google.maps.event.addDomListener(input, ‘focusout’, function(e) { if ($(‘#id_address1’).val() != $(‘#id_address1’).attr(‘value’)){ $(‘#id_address1’).val($(‘#id_address1’).attr(‘value’)); […]

JQuery：谷歌地图使用JQuery Bounce包“弹跳”

有没有人知道如何使用JQuery Bounce包让Google Maps标记“反弹”？

在InfoBubble.js中使用fancyBox和Google Maps API

我似乎无法在InfoBubble中加载fancyBox （即我的信息窗口）。 我在InfoBubble中有一个按钮，单击该按钮时，应使用fancyBox显示图像。 我在这里遇到过以前的问题和其他几个问题，但这些解决方案都不适用于我。 我设置它的方式如下。 在index.html ： $(document).ready(function() { $(“.dialog”).fancybox({ width: ‘50%’, height: ‘50%’, closeClick: true }); }); 在map.js ： infoBubble = new InfoBubble({ maxWidth: 200, content: ‘ ‘, position: new google.maps.LatLng(-34.397, 150.644) }); google.maps.event.addListener(marker, ‘click’, function() { infoBubble.open(map, marker); 通过引用CSS类.dialog ，它不应该工作，因为脚本已经在index.html页面中了吗？ 它不起作用。 相反，我只是被重定向到新页面中的图像。

谷歌地图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 […]

理想的Bing地图或Google地图的JavaScript用户界面？

我使用Bing地图制作一个简单的概念certificate网页。 我需要在我的页面中嵌入的地图上有几个引脚。 然后，当用户勾选或取消勾选某些框时，结果将被过滤，因此javascript UI将使其成为可能，因此不同的引脚将变为可见或不可见。 对不起这个问题的开放性，但我该怎么做呢？ 我更喜欢使用jQuery而不是简单的JavaScript。 它只是一个概念certificate，因此速度，性能，可靠性等都是灵活的。 我需要像Silverlight这样的微软工具吗？ 如果我能用Bing地图做到这一点最好，但如果谷歌地图更容易使用，那么我也可以灵活处理。 谢谢

使用谷歌地图时显示div

我在我的rails应用程序中使用google map api，当有人使用地图时，我想用jquery显示div。 地图包含在id为search_map_container的div中，所以我尝试了 $(‘#search_map_container’).click(function() { $(‘#my_div’).show(); }); 但它失败了。 它也会因.focus() .focusin() .mouseenter()或.change()事件而失败。 对于putvande：我的html是一个简单的div： This is a test 谷歌地图html是由谷歌生成的： … Google map code … 对于Bharat Soni：我的意思是当有人点击谷歌地图或滚动或缩放。

使用select动态更改google maps脚本src

我想在点击其中一个下拉选项时更改Google地图脚本src，因为我在搜索我的页面上的邮政编码时遇到问题。 为了获得正确的结果，我认为我需要在srcurl中使用Google的区域本地化“＆region =”。（ https://developers.google.com/maps/documentation/javascript/basics#Localization ） 我在标记内加载了我的google maps api： 我创建了一个下拉列表 Select Denmark Netherlands Sweden 我希望只要点击其中一个选项，谷歌地图脚本src就会改变。 例如：如果我点击丹麦，则src将更改为： http://maps.googleapis.com/maps/api/js?sensor=false&region=DK ： http://maps.googleapis.com/maps/api/js?sensor=false&region=DK 我通过查看动态更改脚本标记的src尝试了一些东西，但我仍然无法弄清楚如何使其工作。 目前我有这个： $(‘#country option’).click(function(e) { e.preventDefault(); var region = $(this).attr(‘value’); var url = ‘http://maps.googleapis.com/maps/api/js?sensor=false&region=’ + region; }); 当谈到jQuery和javascript时，我真的是新手，所以我想也许我可以在这里得到一些帮助。

Gmap api3和bootstrap =灰色块

我正在将一些旧代码更新到Google Maps API v3，我无法让地图显示任何内容。 将map对象转储到控制台显示地图已正确初始化，并且应该在正确的div中加载 – 但除灰色框外没有任何显示。 我为map div设置了宽度/高度和溢出，因为这似乎是最常见的问题。 但是，我不能让这个工作。 有任何想法吗？ http://jsfiddle.net/Nbjrf/1/ 谢谢

Google Maps API – 标记群集无法正常工作

我目前正在开发一个Google Map，它将显示许多地图标记，数据位于外部JSON文件中的一系列数组中。 它也使用Spiderfier来重叠标记，因为它们具有相同的坐标。 我正在尝试实现Marker聚类，以便在缩小时使地图变得更加混乱，但是没有发生聚类。 开发人员工具上的控制台使用markerclusterer.js源代码记录“Uncaught TypeErrors”，声称它不能设置属性或说某些东西不是函数，但我不确定该怎么做。 我使用的是错误的来源，还有其他问题，还是两者兼而有之？ 码： var map function initialize() { map = new google.maps.Map(document.getElementById(“map_canvas”), { center: new google.maps.LatLng(40.8039941, -77.863459), zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP}); var oms = new OverlappingMarkerSpiderfier(map, { markersWontMove: true, markersWontHide: true, //basicFormatEvents: true }); var selectedInfoWindow $(document).ready(function() { $.getJSON(“crime_maps_test.json”, function(json1) { $.each(json1, function(key, data) { var infoWindow = new google.maps.InfoWindow; […]

使用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()函数，虽然看起来像是本地的方法，但我看不出如何根据数组中的迭代值动态创建变量。 谢谢