如何调用百度地图的API接口,并显示出地理位置

在我们日常敲代码写网站的过程中,我们有时辰可能需要把一些地舆位置显示出来在网页中。那么我们必定不是本身写出这个地图的代码,一般是直接挪用这个地图本自己供给的API接口。 本经验以百度地图为例,展示一下若何在我们日常所写的【html】中,挪用而且显示出我们需要的地图上的地舆位置~

工具/原料

  • 百度地图API接口
  • vs2012

方式/步骤

  1. 1

         百度直接搜【百度地图挪用】,点击呈现的第二个网站,进入这个网站即可,如图所示~

    8326cffc1e178a8299e59f9cfb03738da977e835.jpg
  2. 2

          进入这个网站后,我们首先得输入本身需要定位的地址。好比我们输入【上海】这个城市,输入后点击【查找】选项,如图所示

    10dfa9ec8a1363272b21220f9c8fa0ec08fac73a.jpg
  3. 3

         颠末上一步的操作,我们已经当作功地定位到【上海】这个城市了。然后我们点击第二步【设置地图】,如图所示~

    d4628535e5dde71136aca0caaaefce1b9d166194.jpg
  4. 4

          在【设置地图】里面有一些关于这个地图自己显示的一些设置选项,好比可以设置地图的【尺寸大小】,地图的【添加按钮】和地图的【状况】。这里不做一一设置,有乐趣伴侣按照本身的需要去设置。

         这里以设置地图的【尺寸大小】为例,好比设置为【500*500】,那么地图的尺寸就会酿成【500*500】了,如图所示~

    0b55b319ebc4b74559f8542ac2fc1e178a821599.jpg
  5. 5

         然后我们起头给我们的地图添加【地图标注】,点击这个【小棒子】图标,如图所示。然后在我们需要标注的处所鼠点击一下,输入需要点窜的名称和备注,然后点击【保留】按钮。如图所示~

    962bd40735fae6cd7bf6485d02b30f2442a70f4f.jpg c75c10385343fbf2326e451fbd7eca8065388f48.jpg
  6. 6

         颠末上面的一些操作后,我们可以看到我们本身添加的地舆位置所显示出的结果了,将近年夜功乐成了,顿时就可以或许见到黎明的曙光了~

    9f510fb30f2442a7dc9d1e99dc43ad4bd113027e.jpg
  7. 7

    然后我们点击底部的【获代替码】,再点击【复制代码】即可,如图所示~

    4b90f603738da9771dc16517bd51f8198618e324.jpg
  8. 8

          在vs2012里面新建一个【html】文件,然后把我们方才复制过来的代码直接粘贴到里面,如图所示。

         这里不仅仅可以用vs2012,也可以利用其他的代码软件,读者按照本身的利用习惯去决议这个软件的选择,好比还有DW,甚至是记事本也行等等。

         然后在vs2012里面选择利用【谷歌浏览器】查看这个【html】文件里面的内容,如图所示~

    279759ee3d6d55fbe032951a60224f4a20a4dd12.jpg
  9. 9

    这个是在【谷歌浏览器】里面运行出来的,在当地的百度地图显示出地舆位置的结果图。可以看到,我们已经当作功地挪用了百度地图的API接口了,如图所示~

    8718367adab44aed029f5dd8be1c8701a18bfb3d.jpg
  10. 10

    以上就是如何挪用百度地图API去显示出我们需要的位置的地图上的位置的方式了,但愿可以或许给需要的伴侣一点帮忙~

注重事项

  • 这个只是简单的挪用百度地图的API,加倍深切的挪用需要我们日常平凡去进修和堆集~
  • 有不大白的伴侣,可以给我留言,我们再交流交流~
  • 发表于 2018-08-26 00:00
  • 阅读 ( 834 )
  • 分类:科学教育

相关问题

0 条评论

请先 登录 后评论