在我们日常敲代码写网站的过程中 ， 我们有时辰可能需要把一些地舆位置显示出来在网页中 。 那么我们必定不是本身写出这个地图的代码 ， 一般是直接挪用这个地图本自己供给的API接口 。 本经验以百度地图为例 ， 展示一下若何在我们日常所写的【html】中 ， 挪用而且显示出我们需要的地图上的地舆位置~
需要这些哦
百度地图API接口
vs2012
方式/
1 百度直接搜【百度地图挪用】 ， 点击呈现的第二个网站 ， 进入这个网站即可 ， 如图所示~
文章插图
2 进入这个网站后 ， 我们起首得输入本身需要定位的地址 。 好比我们输入【上海】这个城市 ， 输入后点击【查找】选项 ， 如图所示
文章插图
3 颠末上一步的操作 ， 我们已经当作功地定位到【上海】这个城市了 。 然后我们点击第二步【设置地图】 ， 如图所示~
文章插图
4 在【设置地图】里面有一些关于这个地图自己显示的一些设置选项 ， 好比可以设置地图的【尺寸大小】 ， 地图的【添加按钮】和地图的【状况】 。 这里不做一一设置 ， 有乐趣伴侣按照本身的需要去设置 。
这里以设置地图的【尺寸大小】为例 ， 好比设置为【500*500】 ， 那么地图的尺寸就会酿成【500*500】了 ， 如图所示~
文章插图
5 然后我们起头给我们的地图添加【地图标注】 ， 点击这个【小棒子】图标 ， 如图所示 。 然后在我们需要标注的处所鼠点击一下 ， 输入需要点窜的名称和备注 ， 然后点击【保留】按钮 。 如图所示~
文章插图
文章插图
6 颠末上面的一些操作后 ， 我们可以看到我们本身添加的地舆位置所显示出的结果了 ， 将近年夜功乐成了 ， 顿时就可以或许见到黎明的曙光了~
文章插图
7然后我们点击底部的【获代替码】 ， 再点击【复制代码】即可 ， 如图所示~
文章插图
8 在vs2012里面新建一个【html】文件 ， 然后把我们方才复制过来的代码直接粘贴到里面 ， 如图所示 。
这里不仅仅可以用vs2012,也可以利用其他的代码软件 ， 读者按照本身的利用习惯去决议这个软件的选择 ， 好比还有DW ， 甚至是记事本也行等等 。
然后在vs2012里面选择利用【谷歌浏览器】查看这个【html】文件里面的内容 ， 如图所示~
推荐阅读
- 如何开具支付宝余额明细证明
- 明日之后，如何在101基地门前守护樱花
- 如何设置瑜伽智能课表，坚持锻炼呢
- python整数相除如何得到小数位
- JS如何为iframe添加onclick事件
- 微信如何实名认证以及解除实名认证
- iPhone怎样打出换行符号 iOS10如何复制换行符
- 华为手机USB调试模式如何开启
- 如何利用snapseed修出大片效果
- 如何制作结婚电子邀请函