原生js 百度地图api坐标地址标注功能



256 1021 341



特效描述:百度地图 api坐标地址标注,百度地图标注功能

代码结构

1. 引入JS

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=826e806b86676d155282de3d37188137"></script>
<script src="http://api.map.baidu.com/library/MarkerTool/1.2/src/MarkerTool_min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CityList/1.4/src/CityList_min.js"></script>
<script type="text/javascript" src="js/tuodong.js"></script>

2. HTML代码

	<table align='center'>
		<tr>
			<td>
			    <input type="button" value="开始标注" id="biaozhu" onclick="show()" style="width:100px;height:30px;">
			</td>
		</tr>
		<tr>
			<td>
				<div id='show_map' style="width:300px;height:250px;"></div>
			</td>
		</tr>
    <div id="drag">
        <div class="title">
            <h2>1.选择位置>2.标注位置>3.保存位置</h2>
            <div>
                <a class="max" href="javascript:;" title="最大化"></a>
                <a class="revert" href="javascript:;" title="还原"></a>
                <a class="close" href="javascript:;" title="关闭"></a>
            </div>
        </div>
        <div class="content">
            <div id="f_container">
                <div id="container"></div>
            </div>
            <div id="allmap" style="width:790px;height:500px;"></div>
            <div style="margin-top: 15px;text-align: right">
                <input type="hidden" id="lat"><input type="hidden" id="lng">
                <input type="button" onclick="showMap();" class="btn" value="保存">
                <input type="button" onclick="dhide()" class="btn" value="取消">
            </div>
        </div>
    </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 图片头像上传 文字提示框 文件上传 提示框/弹出层 文本框 layer 下拉框 lightbox 复选 单选 Tooltip工具提示框 登录框 浮动提示框 注册框 html5弹窗动画 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 弹出层拖动 窗口提示框 切换按钮 form表单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到