Tag: 谷歌 MAPS API 3

使用addDomListener与googlemaps无法正常工作: 我通过在php中查询数据库，然后将数据发送到addMarker函数，为googlemap构建了标记。对于每个标记，有0到未知数量的“违规”。我将每个标记的违规放入一个数组（称为违规），并将其发送到addMarker函数。我想做的是为每次违规提供一个链接。单击该链接时，您会看到该违规的详细信息（表格）。该表最初是display：none。但是当你点击链接时，我希望显示屏变为阻止状态，链接消失。我想用jquery来完成这个任务，但是我在实现它时遇到了麻烦。我一直在尝试使用addDomListener，但它只是不适合我 – 它打破页面没有明确的错误消息。谁能告诉我如何正确使用addDomListener，或者我应该使用别的东西？ function addMarker(point, name, violations, map) { var marker=new google.maps.Marker({ position:point, icon:’circle.png’ }); marker.setMap(map); var markerhtml = “”; markerhtml += “” + name + “”; markerhtml += “”; vCount = violations.length/6; //6=number of fields per violation; vCount = number of violations if (violations.length > […]

Google地图：获取标记点击侦听器内的点击或标记（x，y）像素坐标: 我试图在标记点击上显示地图标记上的完全自定义信息窗口。我已经成功实现了这个答案，以获得一个div来显示地图canvas点击…但我无法在标记点击上复制它。是否可以在标记点击function中获取标记像素位置，并抑制正常信息窗口显示所需的自定义信息窗口？我试过这个： google.maps.event.addListener(marker, ‘click’, function(args) { var x=args.pixel.x+$(‘#map’).offset().left; //we clicked here var y=args.pixel.y; info.style.left=x+’px’; info.style.top=y+’px’; info.style.display=’block’; }); 但在控制台中，我看到： Uncaught TypeError: Cannot read property ‘x’ of undefined

如何使用jQuery Mobile显示全屏谷歌地图？: 以下代码显示奇怪的输出。我应该看一个全屏移动地图。但出于某种原因，它只显示在屏幕的一部分上。我正在使用jquery.ui.map进行映射。 My Page My Title $(‘#map_canvas’).gmap().bind(‘init’, function() { // This URL won’t work on your localhost, so you need to change it // see http://en.wikipedia.org/wiki/Same_origin_policy $.getJSON( ‘http://jquery-ui-map.googlecode.com/svn/trunk/demos/json/demo.json’, function(data) { $.each( data.markers, function(i, marker) { $(‘#map_canvas’).gmap(‘addMarker’, { ‘position’: new google.maps.LatLng(marker.latitude, marker.longitude), ‘bounds’: true }).click(function() { $(‘#map_canvas’).gmap(‘openInfoWindow’, { ‘content’: marker.content }, this); }); }); […]

无法在谷歌地图中保存多边形: 我有一个谷歌地图多边形对象： var poly = new google.maps.Polygon({ paths: [ new google.maps.LatLng(25.774252, -80.190262), new google.maps.LatLng(18.466465, -66.118292), new google.maps.LatLng(32.321384, -64.75737) ] }); 我试图通过jquery的AJAX将它发送到MySQL数据库： $.post(“savePolygon.php”, {polygon: poly}); 我在控制台中收到此错误： TypeError: Cannot call method ‘lat’ of undefined 我已经看过一些关于保存多边形的post，他们都说要从poly中提取latLng并将它们保存在db中。当我这样做时： var latLngs = poly.getPath().getArray(); $.post(“savePolygon.php”, {polygon: latLngs}); 我犯了同样的错误。似乎数组的原型中有一个名为’lat’的函数。我想知道如何提取这些值并通过AJAX发送它们，以及为什么我会收到此错误？

Google地图自定义信息框: 我正在尝试按照此示例合并自定义信息框，但我的代码不起作用。有人可以看一看，看看我哪里出错了吗？我已经评论了示例代码的开始/结束位置以及我试图调用它的位置。 function initialize() { var mapOptions = { zoom: 12, center: new google.maps.LatLng(52.204872,0.120163), mapTypeId: google.maps.MapTypeId.ROADMAP, styles: styles, scrollwheel: false }; var map = new google.maps.Map(document.getElementById(‘map_canvas’),mapOptions); setMarkers(map, sites); infowindow = new google.maps.InfoWindow({ content: “loading…” }); } var sites = [ // List all locations for each pin [‘The Frontroom’, 52.202977,0.138938, 1, ‘The Frontroom. 23-25 […]

Google Geocoding – 抓取地址和坐标: 所以这就是我所追求的，我被告知这不可能，但我现在还不会放弃！假设用户在“伦敦”中输入我的位置搜索框并点击“地理编码”我能够得到该位置的坐标，就像这个例子： http://gmaps-samples-v3.googlecode.com/svn/trunk/geocoder/v3-geocoder-tool.html 但是我要说我有以下字段： Town: City: Country: Long: Lat: 是否可以通过此请求填写所有这些字段，而不仅仅是坐标？例如，我将获得以下信息，然后我可以将其存储在cookie中： Town: – City: London Country: UK Long: 123.45 Lat: 123.45

Google地图API无法正确显示jQuery slideToggle: 我将谷歌地图放在一个div中，然后将一个slideToggle放到div上。 Google地图无法正确显示。一旦div扩展，它看起来不像下面的地图请检查jsFiddle Sample上的代码

如何获取我的谷歌地图窗口的边界框坐标: 我正在开发一个包含谷歌地图api v3和PostGres的项目。我想要做的是将我的地图窗口的边界框坐标（左下角和右上角）传递给POSTGRES，并在特定缩放级别上获取生成的地图窗口的POI位置。我怎么能实现这个……？有任何想法吗？在api v3中是否已经有了直接的function？我已经得到了这个，但这似乎对我不起作用在Google地图窗口中查找转角的长度

谷歌地图中的交互式圆圈随着半径的变化而变化: 我想要一个谷歌地图的交互式圈子，当我在滑块中改变半径时，它会增加或减少。当我增加半径时工作正常，但是在半径减小时它不会在地图中改变（减少）圆 $(function() { $(“#slide”).slider({ orientation: “horizontal”, range: “min”, max: 10000, min: 500, value: 500, slide: function( event, ui ) { drawCircle(ui.value); } }); }); function drawCircle(rad){ circle = new google.maps.Circle({ strokeColor: “#FF0000”, strokeOpacity: 0.8, strokeWeight: 2, fillColor: “#FF0000”, fillOpacity: 0.35, map: myMap, radius: rad }); circle.bindTo(‘center’, marker, ‘position’); }

拖动后标记在地图中心: 我在我的网站上实施谷歌地图。用户可以拖动标记并获取坐标。它的工作正常，但要求是当用户拖动标记时，拖动标记应该位于地图窗口的中心或者如果用户拖动地图，那么对于这种情况，标记也会到达地图窗口的中心。我有以下代码只适用于地图上的拖动标记，但我不知道在拖动后添加在地图窗口中心移动标记的function或代码的位置。该代码如下： google.maps.event.addListener(myMarker, ‘dragend’, function (evt) { document.getElementById(‘dragStatus’).innerHTML = ‘ Current Lat: ‘ + evt.latLng.lat().toFixed(4) + ‘ Current Lng: ‘ + evt.latLng.lng().toFixed(4) + ”; var point = marker.getPosition(); map.panTo(point); }); google.maps.event.addListener(myMarker, ‘dragstart’, function (evt) { //————- //———— }); http://jsfiddle.net/ANJYR/6xq6pujk/