Javascript 带有可点击边栏的谷歌地图_Javascript_Google Maps Api 3

Javascript 带有可点击边栏的谷歌地图

javascript google-maps-api-3

Javascript 带有可点击边栏的谷歌地图,javascript,google-maps-api-3,Javascript,Google Maps Api 3,大家好，iam javascript和谷歌地图新手，下面是我的代码 <script> function createMarker(lat,lng) { alert("lat,lang"); var marker = new google.maps.Marker({ map: map, position: l

大家好，iam javascript和谷歌地图新手，下面是我的代码

    <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);
            });
        }


功能createMarker（纬度、液化天然气）
{
警惕（“拉特，朗”）；
var marker=new google.maps.marker({
地图：地图，
位置：latlng，
内容：内容
});
if（icon）{marker.setIcon（icon）；}
如果（中）
{
地图设置中心（latlng）；
}
google.maps.event.addListener（标记'click'，函数（）{
infowindow.setContent（this.content）；
打开（地图，这个）；
});
如果（行动）
{
action.fnc（map，action.args）；
}
返回标记；
}
城市
纽约
芝加哥
var映射；
var-markersArray=[]；
函数初始化（）
{
var latlng=新的google.maps.latlng（12.9833,77.5833）；
变量myOptions={
缩放：10，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
//将单击事件处理程序添加到映射对象
google.maps.event.addListener（映射，“单击”，函数（事件）
{
//放置标记
地点标记（事件标记）；
});
}

当我点击侧边栏inee中的城市以转到该地图并指向一个标记时..我尝试了，但遗漏了一些东西..任何帮助都将不胜感激

请参见下面的示例，Mike Williams（v2）教程中的示例：