HTML5-百度地图

百度地图

这里写图片描述
这里写图片描述
这里写图片描述

定位—-index1.html

这里写图片描述

百度地图API—-index2.html

百度搜索百度API,点击进入,点击开发,点击javascriptAPI,点击获取密钥,创建应用,输入应用名称,选择浏览器端,在白名单中输入,如果知道具体在哪个网站使用,上面可以写上具体的地址,代表所有的。,提交后产生了密钥。
再点击开发,javascriptAPI,点击示例DEMO,找到相应的代码
这里写图片描述

先把这个容器粘贴上
这里写图片描述
再粘贴这个,把自己获得的密钥输入上
这里写图片描述
再把样式复制上,其它的也复制粘贴。

在标明一个地点时,可以进行经纬度获取,百度经纬度获取,搜索地点,点击,复制粘贴经纬度到下图红线的位置
这里写图片描述
后面的倍数,最高的是19,数值越大,地图放的越大
综合如下
这里写图片描述

还可以在地图上标记文字,在示例DEMO中找到相应的代码,注意把坐标附上

还可以在地图上加小图标,在示例DEMO中找到相应的代码,注意把坐标附上
这里写图片描述
还可以在地图上加比例尺,在示例DEMO中找到相应的代码,用两个按钮控制是否添加比例尺

还可以在地图上搜索地址—-index3.html,复制粘贴,稍微修改一下

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值