个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我们使用 Google Map Api V3 在 HTML 容器中加载谷歌地图。我们有一个位置搜索表单。提交后，我们将获得可用位置并在 map 中设置标记。加载标记后，单击每个标记，我们需要显示标题、地址详细信息和设计，就像我们在谷歌地图中所拥有的那样。 (在谷歌地图中——当点击红色标记时，我们可以看到更多信息叠加框，其中包含其他详细信息，例如星级、路线、附近搜索、保存到 map 等。)
我们是否内置了 api 函数来加载上面的覆盖框。或者我们没有加载细节的功能，就像我们目前在谷歌地图中拥有的那样。
当我在谷歌和 map 文档中搜索时，我可以看到显示叠加窗口和在框中写入内容的选项。但是我没有看到根据需要加载内容的选项。
我已粘贴下面的代码以供引用。
var map = null;
gmap_ready = function (){
var myLatlng = new google.maps.LatLng(43.834527,-103.564457);
var myOptions = {
zoom: 3,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
function fnLoadMarkers(){
var locations = [
['S Dakota', 43.834527,-103.564457, 1],
['Texas', 31.428663,-99.418947, 2],
['California', 36.668419,-120.249025, 3],
['Newyork', 43.197167,-76.743166, 4],
['Missouri', 38.410558,-92.73926, 5]
];
setMarkers(map,locations);
}
function setMarkers(map, locations) {
var image = 'images/marker.gif';
for (var i = 0; i < locations.length; i++) {
var currLocation = locations[i];
var latLng = new google.maps.LatLng(currLocation[1], currLocation[2]);
var marker = new google.maps.Marker({
position: latLng,
map: map,
icon: image,
title: currLocation[0],
zIndex: currLocation[3]
});
google.maps.event.addListener(marker, 'click', function() {
var latitude = this.position.lat();
var longitude = this.position.lng();
window.open("http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q="+latitude+","+longitude+"&sll="+latitude+","+longitude+"&sspn=0.172749,0.4422&ie=UTF8&ll="+latitude+","+longitude+"&spn=0.162818,0.4422&z=11&iwloc=A");
});
}
如果有关于如何实现这些结果的任何提示，那将会很有帮助。另外，请指导是否可以通过 Google API V3。
提前致谢
问候
斯里尼瓦桑.C
最佳答案
我不明白您为什么要从 Google Maps API 标记打开一个新的 Google map 窗口？您不能通过 URL 在 Google map 上添加信息窗口。
我就是这样做的。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
// Initiate map
function initialize(data) {
// Make position for center map
var myLatLng = new google.maps.LatLng(data.lng, data.lat);
// Map options
var myOptions = {
zoom: 10,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
// Initiate map
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// Info window element
infowindow = new google.maps.InfoWindow();
// Set pin
setPin(data);
}
// Show position
function setPin(data) {
var pinLatLng = new google.maps.LatLng(data.lng, data.lat);
var pinMarker = new google.maps.Marker({
position: pinLatLng,
map: map,
data: data
});
// Listen for click event
google.maps.event.addListener(pinMarker, 'click', function() {
map.setCenter(new google.maps.LatLng(pinMarker.position.lat(), pinMarker.position.lng()));
map.setZoom(18);
onItemClick(event, pinMarker);
});
}
// Info window trigger function
function onItemClick(event, pin) {
// Create content
var contentString = pin.data.text + "<br /><br /><hr />Coordinate: " + pin.data.lng +"," + pin.data.lat;
// Replace our Info Window's content and position
infowindow.setContent(contentString);
infowindow.setPosition(pin.position);
infowindow.open(map)
}
</script>
</head>
<body onload="initialize({lat:-3.19332,lng:55.952366,text:'<h2>Edinburgh</h2><i>Nice city!</i>'})">
<div id="map_canvas">
</div>
</body>
</html>
关于javascript - Google Map API V3 - 点击 Marker 将更多信息内容显示为叠加层(就像在 Google Maps 中一样)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10999858/
25
4
0
有人有 DirectDraw 叠加的工作示例(代码)吗？就像屏幕上移动的东西一样。我一直试图找到 DirectDraw 叠加用法的示例，但未能找到。 谢谢。 最佳答案 尝试其中一些: from gam
我在 JPanel 中显示缩略图。当将鼠标悬停在此类缩略图上时，我想在缩略图上方的叠加层中显示其完整版本。 使用 HTML，我只需创建一个具有适当位置和高 z-index 的 div，以便它覆盖其他所
好的，所以我想做一个覆盖屏幕。 因此，每当按键为 p 时，屏幕就会暂停并弹出一个屏幕，显示:“按‘q’退出或按‘c’继续，”类似的事情。 谁能告诉我怎么做？ 最佳答案 最简单的方法是使用子模块，然后为
查看我的代码: id mapped! DisplayName (user defined) mapped! Pr
我想为 QListWidget 或 QWidget 等小部件分配背景图像。这是想法: 理想情况下，背景图像会在其小部件大小发生变化时调整大小。有什么想法如何实现它吗？ 稍后编辑: 这是对话的屏幕截图，
我正在尝试设置一个授权方案，我在其中检查 1. 用户已登录 2. 用户有权访问某个对象。为此，我首先调用 maybeAuthId ，然后尝试获取当前对象，并“加入”到另一个列出权限的表。有两个级别的可
我想绘制两个系列的十个 fiddle 图，一个超过第二个: library(ggplot2) #generate some data coco1<-rnorm(10000,0,1) coco2<-c(
有谁知道如何触发在网格加载时显示的股票 jqGrid“正在加载...”叠加层？我知道我可以毫不费力地使用 jquery 插件，但我希望能够使我的应用程序的外观与 jqGrid 中已经使用的外观保持一致
我正在尝试在我的谷歌地图上实现“负”覆盖，类似于您在estately.com上获得的效果。基本上，我已经根据收集的 KML 数据成功绘制了 map 多边形。当有多个路径时，它们绘制得很好。 因此，对我
您好，我正在制作一个 Android 应用程序，它使用地理位置/Google map ，除了选项卡主机之外， map /应用程序上没有任何按钮。所以我需要它，所以如果用户点击 1500 毫秒，就会出现
我正在尝试叠加两个不同的 map ，但我无法叠加它们，并且我不知道如何解决此问题。 let bottom_left = ol.proj.fromLonLat([5.00975294202035
jquery 不是最好的，有人可以建议一个通用的方法来实现我想要实现的目标吗？我有一个照片网格，当它们被点击时，一个不透明的覆盖层将在整个图片之上动画化，覆盖层将包含一些动态设置的文本。我有图像和 o
我想问一下如何为我的 android 应用程序添加不同的叠加层？因为我已经有一个扩展 Overlay 的覆盖类，它根据 KML 文件中的某些点绘制多段线。现在我想创建另一个叠加层，使用 GPS 在用户
我目前正在使用谷歌地图并且是新手..我想知道是否可以将 map 划分为具有确定高度和宽度的某些 tiles 并为它们 color ..如果是，那么有人可以解释如何去做因为我面临困难。 最佳答案 我认为
我有一个用于在我的 MapView 上绘制路径的叠加层，但我注意到它每秒被不必要地重绘大约十次。由于在 draw 方法中我绘制了路径的每一段，这很容易成为效率问题。 出于这个原因，我决定缓存叠加层的内
我是 AR 的新手。但我对我想做什么有一个大概的想法。 我想在 Android 中将 UI 元素叠加在相机输入之上。 这些 UI 元素将根据陀螺仪、gps 输入、通过蓝牙、wifi 等实时更新。 类似
我有一个带有 .xib 的 UICollectionViewCell。 这是 xib 文件的结构 您可以看到同一级别的每个元素以及 3 个 ImageView 和一个按钮。但在运行时，这些元素前面有一
我有一个关于在哪里存储 map 覆盖的大图像的问题。 图片约100MB，不能缩小或在线存储(要求)。我一直在考虑使用 Assets 目录(xcassets)，但它似乎适用于在不同设备上需要调整大小的图
我的应用程序的 css 覆盖了 SmartGWT 中的一些样式并真正降低其性能。 如果我使用 css 文件运行我的应用程序，它太慢了，我什至无法将鼠标悬停在 ListGrid 小部件上。但是，如果我取
我正在制作一个网页，但遇到了问题。当屏幕为 980 像素或更小时，菜单会自行隐藏，屏幕上会出现类似“汉堡包”的按钮菜单。当您单击该按钮时，一个 div 会占据整个屏幕并显示菜单(效果很好)。但是，当您
我是一名优秀的程序员,十分优秀！