google map 标记添加

最新推荐文章于 2021-07-26 10:48:33 发布

原创最新推荐文章于 2021-07-26 10:48:33 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#google #function #html #button #url #table

Google Map 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在地图上添加车站的功能实现方法，通过点击地图放置可拖动图标，并弹出窗口供用户输入车站信息，如名称、地址及类型等，并支持不同类型的车站使用不同颜色的图标。

部署运行你感兴趣的模型镜像

// 显示添加车站窗口信息 GEvent.addListener(map, "click", function(overlay, latlng) { if (latlng) { //Add 20091207 start 实现在地图中只存在一个图标 if(marker){ map.removeOverlay(marker); } //Add 20091207 end 实现在地图中只存在一个图标 marker = new GMarker(latlng, {draggable:true}); GEvent.addListener(marker, "click", function() { var html = "<table>" + "<tr><td>名称:</td> <td><input type='text' id='name'/> </td> </tr>" + "<tr><td>地址:</td> <td><input type='text' id='address'/></td> </tr>" + "<tr><td>类型:</td> <td><select id='type'>" + "<option value='1' SELECTED>一级站</option>" + "<option value='2'>二级站</option>" + "<option value='3'>三级站</option>" + "<option value='4'>四级站</option>" + "<option value='5'>五级站</option>" + "</select> </td></tr>" + "<tr><td></td><td><input type='button' value='保存' onclick='saveData()'/></td></tr></table>"; marker.openInfoWindow(html); }); map.addOverlay(marker); } });

您可能感兴趣的与本文相关的镜像