潍坊做必威手机app站欢迎光临易企潍坊必威手机app络公司
您当前位置:易企潍坊必威手机app络公司 >> 做必威手机app站 >> 浏览文章

潍坊必威手机app站建设建设如如何加入谷歌地图,及表现周边设施

文章标签:潍坊,必威手机app站,建设,如何,加入,地图,表现,周边,设施 发布时间:2021年08月08日 预览551

谷歌地图.png

地图是潍坊必威手机app站建设建设过程中常用到的功能。而且在有些潍坊必威手机app站建设中会用到要表现地图周边设施(如:餐馆,黉舍,医院等)。如下面这个链接:https://www.shwzzz7892/demo/google_map/index.php?zuobiao=40.6849297657,-73.9729589224&title=Soxford%20St ,我们可以看到在我们定位的这个地址中有许多的其它标记,并且如何做到的呢?下面就此做下细致讲解。   1,引入谷歌api接口地址 接口地址为:https://ditu.google7892/maps/api/js?v=3.5&key=AIzaSyBgSJtU6tArUI8YsMyYq7xBaMOwHj820B8 我们可以看到上面地址有两个参数,V就是版本号默认3.5就可以,key是我们申请的key,申请地址:https://code.google5139/intl/zh-CN/android/maps-api-signup.html      2,在地图上表现我们要标记的坐标 var myLatlng = new google.maps.LatLng(40.6849297657,-73.9729589224); var mapOptions = { zoom: 14, center: myLatlng }   map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var marker= new google.maps.Marker({ position: myLatlng, map: map, title: 'Soxford St' });     40.6849297657,-73.9729589224 这个就是我们要定位的坐标。 Soxford St这个是题目(当鼠标放到标记点上会提醒)。   3,在地图上标记周边设施 到这里我们已经完成地图这一步骤了,那么如何表现周边设施呢。我们这里用到了https://foursquare5139/ 这个潍坊必威手机app站建设接口,有爱好了解Foursquare是干什么的可以百度了解一下。 接口地址:https://api.foursquare5139/v2/venues/search?ll=40.6849297657,-73.9729589224&oauth_token=CRPTRAJRUVG2210XJD412F3ZBFX4HM5O1S43Q30RVCMSSZDO&v=20160902&query=restaurant 一共有3个参数,ll就是上面我们提到的坐标,oauth_token是key,我们通过上面必威手机app址注册可以申请到的。v是版本号用默认的即可。query是搜索关键词,即我们要在坐标周边搜索哪些设施。详细代码怎么样的,这里就不一步一步讲了淄博必威手机app络公司,可以下载到本地看源代码。 附件地址:google_map.zip 该文章由潍坊易企科技潍坊必威手机app站建设建设https://www.shwzzz7892原创编写,转载请保留此地址!否则视为侵权,谢谢合作!
上一篇:关于图片的性能优化,作为设计师的你知道多少
下一篇:一个办法可以有用避免潍坊必威手机app站建设过度优化 搜索引擎也喜好