Tag: 谷歌 MAPS API 3

谷歌地图标记不在中心

我正在实施Google Map API，并在jQuery对话框中显示地图。 地图显示正常，但标记位置不在中心，所以请指导我。 如何将标记位置和地图置于中心？ 地图代码： var myCenter = new google.maps.LatLng(‘@Model.Latitude’, ‘@Model.Longitude’); function initialize() { var mapProp = { center: myCenter, zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“googleMap”), mapProp); var marker = new google.maps.Marker({ position: myCenter, draggable: false, animation: google.maps.Animation.DROP, }); marker.setMap(map); } 打开对话框的代码： $(“#googleMap”).dialog({ autoOpen: false, height: 600, width: 1000, resizeStop: […]

Google Maps API v3仅在页面刷新后加载

我正在为我正在处理的网页摆弄Google Maps API。 我现在的问题是，地图完全按照我的意图加载，但仅在刷新页面后才加载。 如果我不刷新页面，我看到的就是canvas。 如果我离开页面并返回到该页面，问题仍然存在，因此调用地图initialize似乎是一个问题。 代码： #map_canvas { width: 670px; height: 400px; background-color: #CCC; } function initialize() { var myLatLng = new google.maps.LatLng(31.247681, 121.449504); var map_canvas = document.getElementById(‘map_canvas’); var map_options = { center: new google.maps.LatLng(31.248195, 121.447431), zoom: 16, mapTypeControl: false, panControl: false, zoomControlOptions: { position: google.maps.ControlPosition.LEFT_CENTER }, streetViewControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP } var map […]

通过AJAX加载Google Maps API，控制台错误

我正在使用jquery / javascript，ajax和php构建一个完全动态的网站。 当我点击导航链接时，浏览器会使用ajax打开该页面。 所以基本上所有页面都在同一个index.php中加载。 如果我转到“位置”标签，我有谷歌地图，它将动态加载谷歌地图脚本（向主体添加脚本标签）。 此脚本由前一个脚本自动加载 当我离开“位置”页面时，我会检查脚本是否存在并将其删除。 如果我在不刷新页面的情况下返回“位置”，我认为地图会有一个干净的开始，但我在控制台中收到此错误： 您已在此页面上多次添加Google Maps API。 这可能会导致意外错误。 即使先前删除了脚本，并且地图和内容已更改为其他内容，我也会收到该错误。 既然我知道我只有一次地图实例，我应该忽略它吗？ 或者它确实对旧地图有某种引用，删除这两个脚本是不够的。 谢谢你的任何信息！

在地图元素外侧鼠标hover时更改谷歌地图v3标记的颜色

我正试图这样做，以便当一个html元素被鼠标hover在谷歌地图上的标记的颜色代码时，api v3将会改变。 这是谷歌地图代码： $(document).ready(function(){ var markers; var map; var infowindow = new google.maps.InfoWindow(); var bounds = new google.maps.LatLngBounds(); markers = new Array(); var mapOptions = { zoom: 0, //Set to 0 because we are using auto formatting w/ bounds disableDefaultUI: true, zoomControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP, }; map = new google.maps.Map(document.getElementById(“map”), mapOptions); map.fitBounds(bounds); $(“#map_list ul li”).each(function(index) […]

将标签放在GeoJson数据收到的Google地图多边形上

我想在多边形上放置带有信息（或带有标签的div）的标签，这些多边形由下面的代码片段绘制。 样式属性已成功应用于要素（Polygon类型）。 有人知道如何在这些要素中添加文本，这些文本将显示在多边形的中心吗？ function handleGeoJson(data) { map.data.addGeoJson(data); map.data.setStyle(function(feature) { if (feature.getProperty(‘isColorful’)) { color = feature.getProperty(‘color’); } return /** @type {google.maps.Data.StyleOptions} */( { fillColor : color, strokeColor : color, strokeWeight : 1, }); }); map.data.setStyle(featureStyle); }

在Google Maps Places API中更改默认文字“输入位置”

我一直在互联网上试图找到我的问题的答案，我找到答案的最接近的是另一个Stack Overflow问题，这里： 我如何更改Google Maps API地方自动填充中的默认文本 问题是OP要么与我自己没有完全相同的要求，要么他们没有明确说明他们是否这样做。 我正在寻找一种在文本输入字段中采用默认“输入位置”的方法，并在保持相同function的同时将其替换为其他内容。 即，文本在焦点上消失，如果没有输入文本，则在失去焦点时重新出现。 在我目前的尝试中，我试图使用jQuery插件替换文本。 它在页面加载时可视化，但单击时，会再次弹出“输入位置”，并在输入文本时消失，或者输入失去焦点（而不是文本输入字段按预期变为空白）。 谁能在这里给我一个指针？ 提前致谢。

谷歌地图 – FusionTablesLayer到多边形

我正在使用Google Maps API和jquery-ui-maps（这个问题与插件无关，而且效果很好）。 我和莫桑比克以外的所有国家都创建了FusionTablesLayer。 用户可以放置标记并重新定位。 如果他试图将标记放在莫桑比克以外（通过FusionTablesLayer），我正试图找到一种方法来阻止阻力（或警告用户，现在无关紧要）。 经过一些研究后，我发现了这个方法： containsLocation（point：LatLng，polygon：Polygon） ，它计算给定点是否位于指定的多边形内。 它应该收到一个Polygon，我有一个FusionTablesLayer 。 有任何线索如何解决这个问题？ 这是我的代码： FIDDLE 尝试放置标记并拖动它… //Initialize the map var mapa = $(‘#map_canvas’).gmap({‘center’: ‘-18.646245,35.815918’}); $(‘#map_canvas’).gmap(‘option’, ‘zoom’, 7); //create the layer (all countries except Mozambique) var world_geometry; $(‘#map_canvas’).gmap().bind(‘init’, function(event, map) { world_geometry = new google.maps.FusionTablesLayer({ query: { select: ‘geometry’, from: ‘1N2LBk4JHwWpOY4d9fobIn27lfnZ5MDy-NoqqRpk’, where: “ISO_2DIGIT NOT EQUAL TO ‘MZ'” […]

谷歌地图InfoBubble中的jQuery UI Slider

我正在构建一个自定义InfoBubble，它包含两个jQuery UI滑块来操作一些数据。 我创建了Bubble和Slider没有任何问题。 不幸的是，某处鼠标事件似乎被阻止冒泡到滑块。 我准备了一个小提琴解释行为： JSFiddle 要重现该错误，请执行以下操作： 1. Click on the slider knob 2. Move your mouse outside of the InfoBubble 3. Move your mouse to the left and right to use the slider 4. Move your mouse back to the info window and see the slider movement cease immediately. 有谁知道事件丢失的地方以及如何解决这种情况？

Google地图无法在javascript弹出窗口中正常显示

我正在使用Google地图API在简单的javascript弹出窗口中显示地图。 当弹出窗口打开时，它将显示如下： Javascript弹出窗口中的地图预览http://122.170.97.189:81/gmap/preview.png我尝试使用Jquery为地图div自动刷新div，如：$（’＃map’）。fadeOut 。（ ‘慢’）负载（）淡入（ “快”）; 它刷新地图div但仍然没有解决问题。 如果我在chrome和firefox中按F12，地图显示正确。

如何在谷歌地图上显示项目类似于谷歌显示其结果的方式

我需要显示一个带有多个标记的地图，我发现这个问题有我想要的但问题是我需要显示它旁边的每个项目的标记。 ${product.name} 我也检查了这个问题的答案，但没有多大帮助。 谷歌地图代码 var pinColor = “FE7569”; var marker, i; var address=[]; address[0] = “New york”; address[1] = “las vegas”; address[2] = “san francisco”; address[3] = “chicago”; // Set default map center location var latlng = new google.maps.LatLng(latcenter,longcenter); // Create pinShadow for each marker var pinShadow = new google.maps.MarkerImage(“http://chart.apis.google.com /chart?chst=d_map_pin_shadow”, new google.maps.Size(40, 37), new […]