|
发表帖子
API/SDK版本号: |
API |
产品: |
2D地图 |
手机型号: |
安卓 |
使用接口: |
js |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="content-language" content="zh-CN" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
- <meta name="screen-orientation" content="portrait">
- <meta name="x5-orientation" content="portrait">
- <meta name="full-screen" content="yes">
- <meta name="x5-fullscreen" content="true">
- <meta name="browsermode" content="application">
- <meta name="x5-page-mode" content="app">
- <meta name="msapplication-tap-highlight" content="no">
- <title>附近</title>
- <!-- 1 引入高德地图 -->
- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=09c57387aeccaefd455d62899a8407e7"></script>
- <!-- 3 指定容器大小 -->
- <style type="text/css">
- html,body{width: 100%;height: 100%;margin: 0;padding: 0}
- #container{width: 100%;height: 109%}
- .amap-scalecontrol{margin-left: 48px}
- </style>
- </head>
- <body>
- <!-- 2 创建地图容器 -->
- <div id="container"></div>
- <!-- 4 创建地图 -->
- <script type="text/javascript">
- var map = new AMap.Map('container',{
- zoom: 10,
- });
- //添加放大和缩小图标
- map.plugin(["AMap.ToolBar"],function(){
- //加载工具条
- var tool = new AMap.ToolBar();
- map.addControl(tool);
- });
- //位置信息
- var onComplete = function(data){
- if(data.info === 'SUCCESS' && data.type === 'complete'){
- //经纬度信息
- var pos = data.position
- //当前坐标
- // console.log(pos);
- AMap.service(["AMap.PlaceSearch"], function() {
- var placeSearch = new AMap.PlaceSearch({ //构造地点查询类
- pageSize: 10,
- pageIndex: 1,
- map: map,
- panel: "panel"
- });
- placeSearch.searchNearBy('银行', pos, 500, function(status, result) {
- console.log(result);
- });
- });
- }else{
- alert('调用地图服务失败或者没有数据');
- }
- };
- var onError = function () {
- alert('定位失败,请在手机上开启-厕所app-定位开启,');
- };
- //定位插件
- map.plugin('AMap.Geolocation', function () {
- geolocation = new AMap.Geolocation({
- enableHighAccuracy: true,//是否使用高精度定位,默认:true
- timeout: 10000, //超过10秒后停止定位,默认:无穷大
- maximumAge: 0, //定位结果缓存0毫秒,默认:0
- convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
- showButton: true, //显示定位按钮,默认:true
- buttonPosition: 'LB', //定位按钮停靠位置,默认:'LB',左下角
- buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
- showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
- showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
- panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
- zoomToAccuracy:true //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
- });
- map.addControl(geolocation);
- geolocation.getCurrentPosition(); //当前位置
- AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
- AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
- });
- //比例标尺插件
- map.plugin(["AMap.Scale"],function(){
- var scale = new AMap.Scale();
- map.addControl(scale);
- });
- </script>
- </body>
复制代码 已经搜索到数据,但是没有在地图上显示小图标是怎为什么有没有人知道??
|
|