服务热线 400-660-8066

扬州网站建设
首页 站内资讯

扬州网站建设

站内资讯
扬州网站建设 / 站内资讯 / 产品资讯 / 正文

网站建设如如何加入地图和周边设施

来源: AII文章
发布时间:2023-06-05 10:31:10

  地图是网站建设过程中常用到的功能。而且在有些网站中会用到要显示地图周边设施。我们可以看到在我们定位的这个地址中有很多的其它标记,并且如何做到的呢?下面就此做下详细讲解。

  1,引入谷歌api接口地址

  接口地址为:http://ditu.google.cn/maps/api/js?v=3.5key=AIzaSyBgSJtU6tArUI8YsMyYq7xBaMOwHj820B8

  我们可以看到上面地址有两个参数,V就是版本号默认3.5就可以,key是我们申请的key,申请地址:http://code.google.com/intl/zh-CN/android/maps-api-signup.html

  2,在地图上显示我们要标记的坐标

  varmyLatlng=newgoogle.maps.LatLng(40.6849297657,-73.9729589224);

  varmapOptions={

  zoom:14,

  center:myLatlng

  }

  map=newgoogle.maps.Map(document.getElementById(';map-canvas';),mapOptions);

  varmarker=newgoogle.maps.Marker({

  position:myLatlng,

  map:map,

  title:';SoxfordSt';

  });

  40.6849297657,-73.9729589224这个就是我们要定位的坐标。

  SoxfordSt这个是标题(当鼠标放到标记点上会提示)。

  3,在地图上标记周边设施

  到这里我们已经完成地图这一步骤了,那么如何显示周边设施呢。我们这里用到了https://foursquare.com/这个网站接口,有兴趣了解Foursquare是干什么的可以百度了解一下。

  接口地址:https://api.foursquare.com/v2/venues/search?ll=40.6849297657,-73.9729589224oauth_token=CRPTRAJRUVG2210XJD412F3ZBFX4HM5O1S43Q30RVCMSSZDOv=20230902query=restaurant

  一共有3个参数,ll就是上面我们提到的坐标,oauth_token是key,我们通过上面网址注册可以申请到的。v是版本号用默认的即可。query是搜索关键词,即我们要在坐标周边搜索哪些设施。具体代码怎么样的,这里就不一步一步讲了,可以下载到本地看源代码。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr