我正在尝试使用google的map api v3构建一个交互式地图.我们的想法是使用asp在地图上填充一些标记列表.
创建地图,原始标记和内容非常简单,但现在我想要一个指向地图外部各种标记的链接列表.单击列表中的项目时,我希望它平移到该位置并打开相应的文本框(infowindow).
一切正常,但我无法打开信息窗口.任何人都可以在这里暗示我做错了吗?
<script type="text/javascript">
var MapStart = new google.maps.LatLng(32.036020,34.760742);
var marker;
var map;
var infowindow = new google.maps.InfoWindow();
function initialize() {
var mapOptions = {
zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: MapStart
};
map = new google.maps.Map(document.getElementById("map"),
mapOptions);
<%
varCount = 0
while not rsListItem.EOF
varCount = varCount + 1
varLong = rsListItem.Fields.Item("custom_text1").Value
varLat = rsListItem.Fields.Item("custom_text2").Value
%>
var marker<%=varCount%> = new google.maps.Marker({
position: new google.maps.LatLng(<%=varLong%>,<%=varLat%>),
map: map,
animation: google.maps.Animation.DROP,
title : "<%=rsListItem.Fields.Item("heading").Value%>"
});
google.maps.event.addListener(marker<%=varCount%>, 'click', function() {
map.panTo(new …Run Code Online (Sandbox Code Playgroud) 我已经使用带有信息窗口的谷歌地图自定义标记。我需要添加功能以在用户单击特定按钮时打开信息窗口。有多个具有不同内容的标记。在这里,我找到了一个通过单击按钮打开单个信息窗口的解决方案: https: //stackoverflow.com/a/18334899/6191987
我已尝试使用上述解决方案,但我不知道如何定位在单击按钮时打开每个特定的信息窗口。
这是我尝试过的代码:
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
.btns {
display: inline-block;
width: 100%;
margin-bottom: 20px
}
.btns a {
display: block;
padding: 10px;
float: left;
background: #eee;
margin-right: 5px;
text-decoration: none;
}Run Code Online (Sandbox Code Playgroud)
<div class="btns">
<a href="#" onclick="myClick(0);">Open Info Window 1</a>
<a href="#" onclick="myClick(0);">Open Info Window 2</a>
<a href="#" onclick="myClick(0);">Open Info Window 3</a>
</div>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), …Run Code Online (Sandbox Code Playgroud)