相关疑难解决方法(0)

google maps api ....从地图外部的链接显示标记infowindow

我正在尝试使用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)

google-maps-api-3

5
推荐指数
1
解决办法
5532
查看次数

谷歌地图:单击按钮打开特定信息窗口

我已经使用带有信息窗口的谷歌地图自定义标记。我需要添加功能以在用户单击特定按钮时打开信息窗口。有多个具有不同内容的标记。在这里,我找到了一个通过单击按钮打开单个信息窗口的解决方案: 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)

html javascript css jquery google-maps

1
推荐指数
1
解决办法
4382
查看次数

标签 统计

css ×1

google-maps ×1

google-maps-api-3 ×1

html ×1

javascript ×1

jquery ×1