3450399331
网站建设

网站制作如怎么样加入Google maps,及显示周围设施

发表日期:2025-05-28   作者来源:www.huibimian.com   浏览:337   标签:网站建设    

地图是网站制作过程中常用到的功能。而且在有的网站中会用到要显示地图周围设施(如:饭店,学校,医院等)。如下面这个链接:https://www.cdcxhl.com/demo/谷歌_map/index.php?zuobiao=40.6849297657,-73.9729589224

2,在地图上显示大家要标记的坐标

var myLatlng = new 谷歌.maps.LatLng(40.6849297657,-73.9729589224);

var mapOptions = {

zoom: 14,

: myLatlng

}

map = new 谷歌.maps.Map(document.getElementById('map-canvas'), mapOptions);

var marker= new 谷歌.maps.Marker({

position: myLatlng,

map: map,

title: 'Soxford St'

});

40.6849297657,-73.9729589224 这个就是大家要定位的坐标。

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

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

到这里大家已经完成地图这一步骤了,那样怎么样显示周围设施呢。大家这里用到了https://foursquare.com/ 这个网站接口,感兴趣知道Foursquare是做什么的可以百度认识一下。

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

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

附件地址:

谷歌_map.zip

名字栏目:网站制作如怎么样加入Google maps,及显示周围设施本文地址:https://www.cdcxhl.com/news/37081.html

网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站制作等

如没特殊注明,文章均为龙源技术网 原创,转载请注明来自https://www.yanlongwu.com/news/jianzhan/16777.html
上一篇:

下一篇: