Tag: google maps

如何使谷歌地图像Android手机中的谷歌地图应用程序一样工作: 正如您在图片中看到的那样，我在屏幕左下角有放大缩小按钮。我想让它移动一点点或者可能添加一些新的css以便它更容易使用。有人可以帮我解决这个问题吗？感谢和问候 .JS /* * Google Maps documentation: http://code.google.com/apis/maps/documentation/javascript/basics.html * Geolocation documentation: http://dev.w3.org/geo/api/spec-source.html */ $( document ).on( “pageshow”, “#map-page”, function() { var defaultLatLng = new google.maps.LatLng(”,”); drawMap(defaultLatLng); // Default to Hollywood, CA when no geolocation support //var latlng = marker.getPosition(); function drawMap(latlng) { var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP […]

Google地图：事件监听器只记住变量的最终值: 我正在整理一张谷歌地图，其中包含我国各地各种考试中心的位置。它在每个县上绘制一个标记，当您单击县标记时，它会放大并概述该县的测试中心。我也在使用jQuery。这是问题所在：当我绘制县标记并点击它们时，它总是缩放到最后一个县。我用来绘制县的代码如下： function plotCountyMarkers(county_count) { // Setup a new icon var icon = new GIcon(); var count = 0; // Get the type of icon to display var centre_type = checkCentreType(); if (centre_type == ‘dtc’) icon.image = dtc_icon; else icon.image = ctc_icon; // Other settings including icon shadow icon.shadow = icon_shadow; […]

如何使用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发送它们，以及为什么我会收到此错误？

谷歌地图多个折线: 我有一个带有多个多边形的谷歌地图样本。我将new google.maps.Polygon函数更改为折线为 new google.maps.Polyline({ paths: arr, strokeColor: ‘#FF0000’, strokeOpacity: 0.8, strokeWeight: 2, fillColor: ‘#FF0000’, fillOpacity: 0.35 }) 但它并没有划清界限。在这里小提琴。还有如何将对象名称设置为infowindow内容。我试过了 var infowindow = new google.maps.InfoWindow({ content: i }); 编辑小提琴。

Google Maps V3 setDirections（）回调: 执行setDirections（）时是否有可能获得回调？ <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places&language=”> $(document).ready(function(){ var destination = ”; var directionsDisplay = new google.maps.DirectionsRenderer({ draggable: true }); var directionsService = new google.maps.DirectionsService(); var geocoder; var infoWindowContent = ‘infocontent’; var map; var marker; var position = new google.maps.LatLng(46.80193957664, 11.41754150390625); function calcRoute(start, end) { var request = { origin: start, destination: end, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, […]

创建类似于Google Analytics的分析图: 我正在这里建立一个管理面板，并从正在下载我们的itunes mp3的用户那里记录一些ip数据。我们有用户的IP和位置，但我想要一些在视觉上显示的方式。是否有任何jquery插件或插件可以让我显示我在地图上直观收集的统计数据，类似于Google Analytics的方式？

从数组中删除标记后更新markercluster: 我目前正在使用带有jquery ui贴图的markercluster插件。我有两个数组，一个是所有标记（称为标记），另一个是与搜索条件匹配的标记（称为current_markers）。这些是从第一个arrays中获得的。然后我在屏幕上绘制current_markers。然而，我发现markerclusterer库没有根据此更改进行更新。那么我该如何更新markerclusterer呢？是否可以将markerclusterer分配给变量并调用更新函数？

标记不在谷歌地图的iframe中心: 我有点奇怪的要求在iframe打开谷歌地图。我有地址，我用来传递并转换为谷歌地图。但问题是我的iframe的大小是200 * 200所以标记没有居中。另一个问题是标记信息窗口也会在几秒钟后弹出，这使得我的标记离开边框边界。标记从中心移动。我的代码是这样的。 $(document).ready(function(){ $(“#map_address”).each(function(){ var embed =”; $(this).html(embed); }); }); 我想关闭标记信息窗口并使标记变为绿色。任何帮助将不胜感激。这是通过使用http://jsbin.com/welcome/68407/edit创建的

Google地图中的灰色区域: 我已经在我的应用程序中实现了Google地图（以模态forms），但是正如您在下面的图像中看到的那样，有一个灰色区域我当然想要摆脱它。可以移动地图以使灰色区域消失，但不应该需要。事情就是地图显示在一个模态框内，其中包含了点击显示模态按钮时动态创建的大量内容。似乎问题可能是在加载模态之前地图内容没有完全加载，但我不确定…… HTML： … × Test … JS： function initializeMap(latitude, longitude) { var place = new google.maps.LatLng (latitude, longitude); var myOptions = { zoom: 10, center: place, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById(“map”), myOptions); var marker = new google.maps.Marker({ position: place, map: map, title: “” }); }; $(‘.modal-btn’).click(function(){ var producerId = […]