javascript - 带有可点击侧边栏的 Google map

标签 javascript google-maps-api-3

嗨,我是 javascript 和谷歌地图新手,尝试使用侧边栏实现简单的 map ,下面是我的代码

    <script>
       function createMarker(lat,lng)
                {

    alert("lat,lang");
                  var marker = new google.maps.Marker({
                    map: map,
                    position: latlng,
                    content:content
                  });
                  if(icon){marker.setIcon(icon);}

                  if(center)
                  {
                    map.setCenter(latlng);
                  }

                  google.maps.event.addListener(marker, 'click', function() {
                    infowindow.setContent(this.content);
                    infowindow.open(map, this);
                  });

                  if(action)
                  {
                    action.fnc(map,action.args);
                  }
                  return marker;
              }
    </script>

<body>
<div id="container">
<div id="menu" style="background-color:#FFD700;height:800px;width:100px;float:left;">
<table border="0">
<tr>
<th>Cities</th>
</tr>
<tr>
<td onclick="createMarker('40.47','73.58');">newyork</td>
</tr>
<tr>
<td onclick="createMarker('41.50','87.83');">chicago</td>
</tr>

</table>
</div>


<script type="text/javascript">
        var map;
        var markersArray = [];

        function initialize()
        {
            var latlng = new google.maps.LatLng(12.9833, 77.5833);
            var myOptions = {
                zoom: 10,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


            // add a click event handler to the map object
            google.maps.event.addListener(map, "click", function(event)
            {
                // place a marker
                placeMarker(event.latLng);
            });
        }

当晚我点击侧边栏 inee 中的城市转到该 map 并指向一个标记..我尝试过,但缺少一些东西..任何帮助将不胜感激

最佳答案

请参阅下面的示例,这是来自 Mike Williams 的 (v2) 教程的示例:

The Basics - Part 2: Adding a clickable sidebar

translated to v3

关于javascript - 带有可点击侧边栏的 Google map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12615000/

相关文章:

javascript - iframe 不会动态调整大小

asp.net - 在未经授权的请求后抑制 NTLM 对话框

javascript - jQuery.timer如何获取php中的当前值?

css - 让谷歌地图 Canvas 使用 100% 剩余高度的最聪明的方法是什么

jquery - setIcon 在 googlemap api v3 jquery mobile 上不会更改

javascript - 谷歌地图自动完成设置后不工作

javascript - 扁平化分层 json 数据以用于表格显示

javascript - Three.js 渲染普通几何体的白色部分

google-maps-api-3 - 如何将地址(作为文本)转换为 GPS 坐标?

javascript - 绘图库 : Dynamically drawing different markers in Google maps api 3