精华内容
下载资源
问答
  • 高德地图怎么添加公司地址标注

    千次阅读 2019-10-24 15:29:37
    有时候我们使用高德地图的时候,想添加公司地址标注,怎么添加呢,下面来分享一下方法  工具/原料  高德地图  添加公司地址标注  方法/步骤  第一步打开高德地图,点击路线,如下图所示:  第二步进去路线...

      有时候我们在使用高德地图的时候,想添加公司地址标注,怎么添加呢,下面来分享一下方法
      工具/原料
      高德地图
      添加公司地址标注
      方法/步骤
      第一步打开高德地图,点击路线,如下图所示:
      第二步进去路线导航界面之后,点击公司,如下图所示:
      第三步输入公司的位置,进行搜索,如下图所示:
      第四步搜索到之后,点击设为公司地址,如下图所示:
      第五步可以看到已经添加公司地址标注了,可以一键点击导航,如下图所示:
      END
      注意事项
      如果你觉得这篇对你有用的话,请投一下票

    展开全文
  • 百度地图标注api在地图上选择地址后获取地址和坐标,marker标注上添加注释百度地图容器中创建一个地图地址解析结果显示在地图上,并调整地图视野/启用地图拖拽事件,默认启用(可不写)启用地图滚轮放大缩小启用...
  • 概述: 使用前下载最新的库文件,将liblocSDK4.so文件拷贝到libs/armeabi目录下,及locSDK4.0.jar文件拷贝到工程的libs目录下 具体实现:public static interface ...1.首先布局文件添加mapview <LinearLayout xml

    概述:

    使用前下载最新的库文件,将liblocSDK4.so文件拷贝到libs/armeabi目录下,及locSDK4.0.jar文件拷贝到工程的libs目录下

    BaiduMap.OnMapClickListener   地图单击事件监听接口 
    GeoCoder   地理编码查询接口 
    reverseGeoCode(ReverseGeoCodeOption option)   发起反地理编码请求(经纬度->地址信息)
    setOnGetGeoCodeResultListener(OnGetGeoCoderResultListener listener)   设置查询结果监听者

    1.首先在布局文件添加mapview

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:top="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    
        <com.baidu.mapapi.map.MapView
            android:id="@+id/bmapView"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:clickable="true" />
    
    </LinearLayout><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">.</span>

    2.MainActivity里添加使用

    public class MapActivity extends Activity {
    	private MapView mMapView = null;
    	private BaiduMap mBaiduMap;
    	private BitmapDescriptor bitmap;
    	private String address= "";
    	
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		// 在使用SDK各组件之前初始化context信息,传入ApplicationContext
    		// 注意该方法要再setContentView方法之前实现
    		SDKInitializer.initialize(getApplicationContext());
    		setContentView(R.layout.activity_map);
    		
    		// 获取地图控件引用
    		mMapView = (MapView) findViewById(R.id.bmapView);
    		mBaiduMap = mMapView.getMap();
    		//设置是否显示比例尺控件
    		mMapView.showScaleControl(false);
    		//设置是否显示缩放控件
    		mMapView.showZoomControls(false);
    		// 删除百度地图LoGo
    		mMapView.removeViewAt(1);
    		
    		
    		// 设置marker图标
    		bitmap = BitmapDescriptorFactory.fromResource(R.drawable.maker);
    		mBaiduMap.setOnMapClickListener(new OnMapClickListener() {
    
    			@Override
    			public boolean onMapPoiClick(MapPoi arg0) {
    				// TODO Auto-generated method stub
    				return false;
    			}
    
    			//此方法就是点击地图监听
    			@Override
    			public void onMapClick(LatLng latLng) {
    				//获取经纬度
    				double latitude = latLng.latitude;
    				double longitude = latLng.longitude;
    				System.out.println("latitude=" + latitude + ",longitude=" + longitude);
    				//先清除图层
    				mBaiduMap.clear();
    				// 定义Maker坐标点
    				LatLng point = new LatLng(latitude, longitude);
    				// 构建MarkerOption,用于在地图上添加Marker
    				MarkerOptions options = new MarkerOptions().position(point)
    						.icon(bitmap);
    				// 在地图上添加Marker,并显示
    				mBaiduMap.addOverlay(options);
    				//实例化一个地理编码查询对象
    				GeoCoder geoCoder = GeoCoder.newInstance();
    				//设置反地理编码位置坐标
    				ReverseGeoCodeOption op = new ReverseGeoCodeOption();
    				op.location(latLng);
    				//发起反地理编码请求(经纬度->地址信息)
    				geoCoder.reverseGeoCode(op);
    				geoCoder.setOnGetGeoCodeResultListener(new OnGetGeoCoderResultListener() {
    					
    					@Override
    					public void onGetReverseGeoCodeResult(ReverseGeoCodeResult arg0) {
    						//获取点击的坐标地址
    						address = arg0.getAddress();
    						System.out.println("address="+address);
    					}
    					
    					@Override
    					public void onGetGeoCodeResult(GeoCodeResult arg0) {
    					}
    				});
    			}
    		});
    	}
    
    	@Override
    	protected void onDestroy() {
    		super.onDestroy();
    		// 在activity执行onDestroy时执行mMapView.onDestroy(),实现地图生命周期管理
    		mMapView.onDestroy();
    	}
    
    	@Override
    	protected void onResume() {
    		super.onResume();
    		// 在activity执行onResume时执行mMapView. onResume (),实现地图生命周期管理
    		mMapView.onResume();
    	}
    
    	@Override
    	protected void onPause() {
    		super.onPause();
    		// 在activity执行onPause时执行mMapView. onPause (),实现地图生命周期管理
    		mMapView.onPause();
    	}
    }



    展开全文
  • 使用Python调用百度地图的API在地图添加标记

    万次阅读 多人点赞 2020-12-14 15:54:26
    博主的目的是在地图上做一些标记,然后保存为html网页文件,这样方便我的软件调用,前期我使用的folium包,这个包很强大,支持添加各种标记。但有几个缺点: 地图的底图不支持百度地图,博主想用这个包的话,就不得...

    写在前面

    近期博主工作太忙,快一个月没更新博客。今天跑了大半天的腿,被一堆破事儿弄的无比憋屈,写篇博客调节一下心情。
    博主的目的是在地图上做一些标记,然后保存为html网页文件,这样方便我的软件调用,前期我使用的folium包,这个包很强大,支持添加各种标记。但有几个缺点:

    • 地图的底图不支持百度地图,博主想用这个包的话,就不得不将数据点转到高德坐标系下,然后进行下一步工作,然而高德莫名其妙的封了我的账号,说我违规调取数据,简直莫须有;
    • 间歇性的出现一些未知的问题,比如添加的标记不显示等等,可以理解,毕竟外国人写的,也还不是很成熟;
    • 最要命的是地图加载太慢了,加载出来要接近一分钟。

    想一想,既然数据点是百度坐标系下的,百度地图又提供了API,何不直接在百度地图上画呢。
    好了,上编译环境。

    • Python3.7
    • Spyder

    功能实现

    API地址

    先上百度地图js API地址
    看看API示例:
    在这里插入图片描述
    语言是JavaScript,展示的界面是添加标记点,我把完整的示例代码贴出来,并解释一下:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>添加点标记</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <style>
        body,
        html,
        #container {
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0;
            font-family: "微软雅黑";
        }
        </style>
        <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
    </head>
    <body>
        <div id="container"></div>
    </body>
    </html>
    <script>
    var map = new BMapGL.Map('container');
    map.centerAndZoom(new BMapGL.Point(116.404, 39.928), 15);
    map.enableScrollWheelZoom(true);
    // 创建点标记
    var marker1 = new BMapGL.Marker(new BMapGL.Point(116.404, 39.925));
    var marker2 = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));
    var marker3 = new BMapGL.Marker(new BMapGL.Point(116.395, 39.935));
    var marker4 = new BMapGL.Marker(new BMapGL.Point(116.415, 39.931));
    // 在地图上添加点标记
    map.addOverlay(marker1);
    map.addOverlay(marker2);
    map.addOverlay(marker3);
    map.addOverlay(marker4);
    </script>
    

    虽然博主没搞过JavaScript,不过语言大体相通,能看明白写的是什么,前面是网页的基础设置,主体在script标签中,定义了四个点,然后将这四个点添加到地图上。
    官方给的示例其实是有问题的,我填上了自己申请的AK,另存为html文件后却怎么也打不开,于是初略看了下代码,发现下面这行就是个坑:

    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥">
    

    我稍微改了下,改成了:

    <script src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥">
    

    就能显示了,不过显示还是不完整,猜测是可能缺少加载 BMapGL.Map方法的js包,所以不再纠结,于是在网上找了另外一段可以执行的代码,链接在这里
    这个代码也要加上https才行。有用的代码如下:

    <!DOCTYPE html>
    <html xmlns:asp="">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>
        <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=d5Y5C26Xbhr3rBHo3GzzaA7xcXev6NL0"></script>
        <title>添加信息窗口</title>
    </head>
    <body>
    <div id="allmap"></div>
    </body>
    <script>
        // An highlighted block
        //百度地图API功能
    
        function loadJScript() {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = "//api.map.baidu.com/api?v=2.0&ak=d5Y5C26Xbhr3rBHo3GzzaA7xcXev6NL0&callback=init";
            document.body.appendChild(script);
        }
        window.init = function() {
            var map = new BMap.Map("allmap");            // 创建Map实例
            //var point = new BMap.Point(109.18592,34.36912); // 创建点坐标
            map.centerAndZoom(new BMap.Point(109.19708,34.36820), 15);  // 设置中心点,地图初始化
            //map.centerAndZoom(points,20);
            map.setCurrentCity("西安");          //设置当前城市
            map.clearOverlays();
            map.addControl(new BMap.MapTypeControl());
            map.enableScrollWheelZoom(true);                 //启用滚轮放大缩小
           
            //向地图中添加缩放控件
            var ctrlNav = new window.BMap.NavigationControl({
                anchor: BMAP_ANCHOR_TOP_LEFT,
                type: BMAP_NAVIGATION_CONTROL_LARGE
            });
            map.addControl(ctrlNav);
    
    
    		//向地图中添加标记点
            var myIcon =new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {    //小车图片
                offset: new BMap.Size(0, -5),    //相当于CSS精灵
                imageOffset: new BMap.Size(0, 0)    //图片的偏移量。为了是图片底部中心对准坐标点。
            });
    
            var points = [new BMap.Point(109.19474,34.36847),new BMap.Point(109.19435,34.37712),new BMap.Point(109.19261,34.37617),new BMap.Point(109.19701,34.37728),new BMap.Point(109.19702,34.37776),new BMap.Point(109.19784,34.37738),new BMap.Point(109.19784,34.376911),new BMap.Point(109.1987,34.37333),new BMap.Point(109.19705,34.36824),new BMap.Point(109.1836,34.37393)];   //10个坐标点
    
            var marker1 =new BMap.Marker(points[1],{icon:myIcon});  // 创建10个标注
            var marker2 =new BMap.Marker(points[2],{icon:myIcon});
            var marker3 =new BMap.Marker(points[3],{icon:myIcon});
            var marker4 =new BMap.Marker(points[4],{icon:myIcon});
            var marker5 =new BMap.Marker(points[5],{icon:myIcon});
            var marker6 =new BMap.Marker(points[6],{icon:myIcon});
            var marker7 =new BMap.Marker(points[7],{icon:myIcon});
            var marker8 =new BMap.Marker(points[8],{icon:myIcon});
            var marker9 =new BMap.Marker(points[9],{icon:myIcon});
            var marker0 =new BMap.Marker(points[0],{icon:myIcon});
    
            map.addOverlay(marker1);              // 将标注添加到地图中
            map.addOverlay(marker2);
            map.addOverlay(marker3);
            map.addOverlay(marker4);
            map.addOverlay(marker5);
            map.addOverlay(marker6);
            map.addOverlay(marker7);
            map.addOverlay(marker8);
            map.addOverlay(marker9);
            map.addOverlay(marker0);
    
            map.setViewport(points);         //调整地图的最佳视野为显示标注数组point        
        loadJScript()
    </script>
    
    <script>
        layui.use('theme/settings/earth', layui.factory('theme/settings/earth'));
    </script>
    
    <!--<script type="text/javascript" src="js\jquery-2.1.1.min.js"></script>-->
    
    </html>
    
    

    Python实现

    好了,网页代码有了,可是博主并不会写html,只会简单的写写Python,如何把上面的代码合理的利用起来,并且将里面的变量改变成自己的点呢?
    博主的思路很简单,将上面这些代码分成几个部分的字符串,然后字符串拼接起来,最后形成一个完整的html网页代码。
    如果大家有仔细看上面的代码,会发现网页框架可以分成五部分:
    第一部分代码:

        <!DOCTYPE html>
        <html xmlns:asp="">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
            <style type="text/css">
                body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
            </style>
            <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=9Rz4tOb6PgQtqBt6K3YbSMBESLk8iYpE"></script>
            <title>添加信息窗口</title>
        </head>
        <body>
        <div id="allmap"></div>
        </body>
        <script>
            // An highlighted block
            //百度地图API功能
    
            function loadJScript() {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = "https://api.map.baidu.com/api?v=2.0&ak=9Rz4tOb6PgQtqBt6K3YbSMBESLk8iYpE&callback=init";
                document.body.appendChild(script);
            }
            window.init = function() {
                var map = new BMap.Map("allmap");            // 创建Map实例
                //var point = new BMap.Point(109.18592,34.36912); // 创建点坐标
                map.centerAndZoom(new BMap.Point(120.2338341,31.58109976), 15);  // 设置中心点,地图初始化
                //map.centerAndZoom(points,20);
                map.setCurrentCity("无锡");          //设置当前城市
                map.clearOverlays();
                map.addControl(new BMap.MapTypeControl());
                map.enableScrollWheelZoom(true);                 //启用滚轮放大缩小
                map.addEventListener('click', function(e) {
                    alert('点击的经纬度:' + e.latlng.lng + ', ' + e.latlng.lat);
                    var mercator = map.lnglatToMercator(e.latlng.lng, e.latlng.lat);
                    alert('点的墨卡托坐标:' + mercator[0] + ', ' + mercator[1]);
                });
                //向地图中添加缩放控件
                var ctrlNav = new window.BMap.NavigationControl({
                    anchor: BMAP_ANCHOR_TOP_LEFT,
                    type: BMAP_NAVIGATION_CONTROL_LARGE
                });
                map.addControl(ctrlNav);
    
    
        		//向地图中添加标记点
                var myIcon =new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {    //小车图片
                    offset: new BMap.Size(0, -5),    //相当于CSS精灵
                    imageOffset: new BMap.Size(0, 0)    //图片的偏移量。为了是图片底部中心对准坐标点。
                });
    

    这部分代码是基本不会变化的,改动无非就是那两个经纬度坐标和城市名。
    再看第二部分:

    var points = [new BMap.Point(109.19474,34.36847),new BMap.Point(109.19435,34.37712),new BMap.Point(109.19261,34.37617),new BMap.Point(109.19701,34.37728),new BMap.Point(109.19702,34.37776),new BMap.Point(109.19784,34.37738),new BMap.Point(109.19784,34.376911),new BMap.Point(109.1987,34.37333),new BMap.Point(109.19705,34.36824),new BMap.Point(109.1836,34.37393)];   //10个坐标点
    

    这部分是定义的数据点,就是说如果要更换数据点,应该在这里改。
    第三部分:

    		var marker1 =new BMap.Marker(points[1],{icon:myIcon});  // 创建10个标注
            var marker2 =new BMap.Marker(points[2],{icon:myIcon});
            var marker3 =new BMap.Marker(points[3],{icon:myIcon});
            var marker4 =new BMap.Marker(points[4],{icon:myIcon});
            var marker5 =new BMap.Marker(points[5],{icon:myIcon});
            var marker6 =new BMap.Marker(points[6],{icon:myIcon});
            var marker7 =new BMap.Marker(points[7],{icon:myIcon});
            var marker8 =new BMap.Marker(points[8],{icon:myIcon});
            var marker9 =new BMap.Marker(points[9],{icon:myIcon});
            var marker0 =new BMap.Marker(points[0],{icon:myIcon});
    

    第三部分是在为点添加标记,也是根据点来的,有多少点就写多少行。
    第四部分:

            map.addOverlay(marker1);              // 将标注添加到地图中
            map.addOverlay(marker2);
            map.addOverlay(marker3);
            map.addOverlay(marker4);
            map.addOverlay(marker5);
            map.addOverlay(marker6);
            map.addOverlay(marker7);
            map.addOverlay(marker8);
            map.addOverlay(marker9);
            map.addOverlay(marker0);
    
    

    第四部分是把标记点添加到map图层上去,也是根据自己的数据来的。
    第五部分:

        loadJScript()
    </script>
    
    <script>
        layui.use('theme/settings/earth', layui.factory('theme/settings/earth'));
    </script>
    
    <!--<script type="text/javascript" src="js\jquery-2.1.1.min.js"></script>-->
    
    </html>
    

    这部分也不需要动。
    既然代码已经分解清楚了,用Python来把这些代码串起来就很简单了,看看怎么实现的吧:

    #!/usr/bin/env python
    #-*- coding:utf-8 -*-
    # author:HP
    # datetime:2020/12/11 16:47
    import pandas as pd
    
    data = pd.read_csv('数据.txt', sep='\t')
    
    def get_html(YearData):
        var_point = []
        var_marker = []
        addOverlay = []
    
        for i in range(len(YearData)):
            point = 'new BMap.Point(' + str(YearData.loc[i, 'lon_baidumap']) + ',' + str(YearData.loc[i, 'lat_baidumap']) + ')'
            marker = 'var marker' + str(i) + '=new BMap.Marker(points[' + str(i) + '],{icon:myIcon});'
            overlay = 'map.addOverlay(marker' + str(i) + ');'
            var_point.append(point)
            var_marker.append(marker)
            addOverlay.append(overlay)
    
        points = ','.join(var_point)
        markers = '\n        '.join(var_marker)
        overlays = '\n        '.join(addOverlay)
    
        message1 = '''
        <!DOCTYPE html>
        <html xmlns:asp="">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
            <style type="text/css">
                body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
            </style>
            <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=9Rz4tOb6PgQtqBt6K3YbSMBESLk8iYpE"></script>
            <title>添加信息窗口</title>
        </head>
        <body>
        <div id="allmap"></div>
        </body>
        <script>
            // An highlighted block
            //百度地图API功能
    
            function loadJScript() {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = "https://api.map.baidu.com/api?v=2.0&ak=9Rz4tOb6PgQtqBt6K3YbSMBESLk8iYpE&callback=init";
                document.body.appendChild(script);
            }
            window.init = function() {
                var map = new BMap.Map("allmap");            // 创建Map实例
                //var point = new BMap.Point(109.18592,34.36912); // 创建点坐标
                map.centerAndZoom(new BMap.Point(120.2338341,31.58109976), 15);  // 设置中心点,地图初始化
                //map.centerAndZoom(points,20);
                map.setCurrentCity("无锡");          //设置当前城市
                map.clearOverlays();
                map.addControl(new BMap.MapTypeControl());
                map.enableScrollWheelZoom(true);                 //启用滚轮放大缩小
                map.addEventListener('click', function(e) {
                    alert('点击的经纬度:' + e.latlng.lng + ', ' + e.latlng.lat);
                    var mercator = map.lnglatToMercator(e.latlng.lng, e.latlng.lat);
                    alert('点的墨卡托坐标:' + mercator[0] + ', ' + mercator[1]);
                });
                //向地图中添加缩放控件
                var ctrlNav = new window.BMap.NavigationControl({
                    anchor: BMAP_ANCHOR_TOP_LEFT,
                    type: BMAP_NAVIGATION_CONTROL_LARGE
                });
                map.addControl(ctrlNav);
    
    
        		//向地图中添加标记点
                var myIcon =new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {    //小车图片
                    offset: new BMap.Size(0, -5),    //相当于CSS精灵
                    imageOffset: new BMap.Size(0, 0)    //图片的偏移量。为了是图片底部中心对准坐标点。
                });
        '''
        message2 = points
        message3 = markers
        message4 = overlays
        message5 = '''
                //map.setViewport(points);         //调整地图的最佳视野为显示标注数组point
    
    
            }
            loadJScript()
        </script>
    
        <script>
            layui.use('theme/settings/earth', layui.factory('theme/settings/earth'));
        </script>
    
        <!--<script type="text/javascript" src="js\jquery-2.1.1.min.js"></script>-->
    
        </html>
        '''
    
        message = message1 + '\n' + '        var points = [' + message2 + '];' + '\n        ' + message3 + '\n        ' + message4 + '\n' + message5
        return message
    
    
    for i in range(2011, 2020):
        yeardata = data[data.nian == i].reset_index(drop=True)
        message = get_html(yeardata)
        filename = 'qroad' + str(i) + '.html'
        with open(filename, 'w', encoding="utf-8")as f:
            f.write(message)
            f.close()
    

    还是简单解释一下代码吧:
    前面是数据导入,数据就是我的百度地图坐标系下的经纬度坐标点。
    然后是写方法,主要就是循环把点生成字符串,然后五部分加起来。
    最后调用方法,生成html文件。
    这样下来,文件可以秒开,给大家看下。
    在这里插入图片描述
    这样就算完成了,当然除了添加标记点,也还可以添加其他内容。
    最后鼓励一下自己:
    保持进步,保持好心情~~

    展开全文
  • 10 地图添加图例控件

    千次阅读 2018-09-12 19:57:40
    上述文章中,我们已经为地图添加了比例尺、鹰眼等控件,但还有一个控件也是地图所必需的,那就是图例控件,它显示当前地图上添加的所有图层的图例(默认效果,可以手动控制显示单个图层的图例),效果如下所示: ...

    在上述文章中,我们已经为地图添加了比例尺、鹰眼等控件,但还有一个控件也是地图所必需的,那就是图例控件,它显示当前地图上添加的所有图层的图例(默认效果,可以手动控制显示单个图层的图例),效果如下所示:

    具体实现如下:

    1 图例控件的实现主要是依据“esri/dijit/Legend”组件,我们先定义两个div,一个显示地图,另一个显示图例,然后设置其样式,如下:

    <div id="map"></div>
    
    <div id="legendDiv"></div>

    样式:

    #map{
    
    position: absolute;
    
    top: 0;
    
    left: 0;
    
    width: 100%;
    
    height: 100%;
    
    z-index: 10;
    
    }
    
    #legendDiv{
    
    position: absolute;
    
    bottom: -400px;
    
    left: 5%;
    
    width: 200px;
    
    height: 300px;
    
    z-index: 20;
    
    overflow: auto;
    
    backgr
    展开全文
  • 奥维互动地图添加谷歌地图完美为大家重新带来了谷歌地图,由于此软件更新版本之后删去了原来调用谷歌的功能,对于一些用户来说十分不方便,所以有大佬设计了这个版本,对地图的各个类型都做了恢复。软件申明奥维...
  • 百度地图点击地点显示经纬度并且转换为百度地址添加一些小控件
  • i++) { var ply = new BMap.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: '#ff0000', fillOpacity: 0.1, fillColor: data[1] }) // 建立多边形覆盖物 map.addOverlay(ply) // 添加覆盖物 } }) } } }...
  • 腾讯地图添加标记

    千次阅读 2019-07-30 18:03:57
    腾讯地图添加标记 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>腾讯坐标</title> <meta name="renderer" content="webkit"> <meta ...
  • 前面的博客中少写了,点击添加覆盖物。 这里将说滑动地图后获取地图的中心, 搜获完成后,点击任何一个搜索的位置将地图当前的状态变成呢个地址的位置上 点击添加覆盖物 /** * @添加覆盖物 点击覆盖物监听 ...
  • 默认已知经纬度坐标点,放入坐标数组pointArr,参照百度地图API在地图添加点// 编写自定义函数,创建标注 function addMarker(point){ var marker = new BMap.Marker(point); map.addOverlay(marker); }添加...
  • //先右击开启可以收集的功能,然后双击地图添加经纬度到数组,添加到10个关闭收集功能 function takePoints(done) { var points = []; var isActionDblclick = false; //是否触发过双击 function lister() { /...
  • 用Matlab将坐标添加地图

    万次阅读 多人点赞 2018-09-15 20:51:03
    用Matlab将坐标添加地图上 今年本科组全国大学生数学建模国赛我没有参加,闲着无聊帮助研究生学姐做竞赛,她让我用matlab将坐标添加地图上。我的思路是:先画个地图地图可以是matlab自带的函数coast或者是...
  • ArcGIS 在地图添加标注

    千次阅读 2017-09-22 09:21:50
    //鼠标在地图上移动地图坐标的事件 dojo.connect(MyMap, "onMouseMove", showCoordinates); //鼠标按下后,拖动地图显示坐标的事件 dojo.connect(MyMap, "onMouseDrag", showCoordinates); }); //显示地图...
  • 今天给大家带来一个百度地图的综合案例,主要是仿百度外卖地址添加功能,主要涉及到的功能有以下几点: 百度地图状态改变监听,用户拖动地图可以实时展示周围的poi信息 打开页面定位用户的位置 poi搜索,根据用户...
  • 实现效果: 实现过程: ...1、页面加载时,获取城市定位(pc端只能通过...接着在地图上生成点标记,每次点击需要判断是否已有点标记,如有,则清除掉,然后本次点击的位置重新生成新的点标记。 大概的实现...
  • 文章目录写开头一、本文目的二、App.vue中调用其他.vue文件三、点击地图显示经纬度和具体地址四、添加卫星图和路网路况五、鼠标按下的地方添加标注点六、在地图上显示多个标注点写最后 写开头 我的上篇...
  • 1、百度地图开发者官网申请账号,申请AK。 代码如下: body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 地图展示 // 百度地图API...
  • QGIS添加在线地图

    千次阅读 2020-06-30 17:34:15
    QGIS添加在线地图,目前常用的在线地址如下: Google Maps,https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z} Google Terrain,https://mt1.google.com/vt/lyrs=t&x={x}&y={y}&z={z} ...
  • //将地址解析结果显示在地图上,并调整地图视野 myGeo.getPoint(address, function(point){ if(point){ map.centerAndZoom(point, 16); map.clearOverlays(); //清除地图上所有的标记(map.removeOverlay...
  • GMap.Net使用(3)之地图添加

    千次阅读 2017-02-21 14:29:17
    GMap.Net使用(3)之地图添加 --樊渝江 1.窗口应用程序中添加地图 先Form中添加GMapControl控件 然后添加如下代码: private void Form1_Load(object sender, EventArgs e) { //指定地图缓存存放路径
  • ECharts如何自定义省、市、县区地图(各省市直辖区的map地图),ECharts如何在地图上自定义图片、图标,根据经纬度显示自定义建筑图片、添加自定义覆盖物 前言 最近做一个项目中,需求是:要显示中国某个省份下...
  • 如何网站中添加百度地图

    千次阅读 2015-08-11 12:45:51
    今天修改了网站页面上的百度搜索地图,同事问是怎样添加的,我说百度生成代码后上传调用就可以,她以为会很繁琐,没有问具体操作方法,实际上简单的不得了,下面记述如下(此地图指的不是sitemap和XML地图): ...
  • 2. 添加地图 3. 地图打点 4. 个性化地图 4.1 申请开通个性化地图能力 4.2 添加小程序个性地图 4.3 自定义地图 1.摘要 1.1 开发工具 微信开发者工具、sublime、git 1.2 开发框架 wepy2.0 1.3 版本号 微信...
  • 高德地图添加marker,给每个marker添加点击事件。 高德地图添加marker,给每个marker添加点击事件。 var watch = [] $.ajax({ type: 'GET', dataType: 'jsonp', ... '你的url地址', error: function(...
  • Echarts 地图添加自定义区域

    千次阅读 2018-04-25 17:22:00
    使用 Echarts 生成地图时,如果需要添加一些自定义区域,该怎么做呢?请看下面示例。 生成原始地图 index.hmtl 引入 Jquery 和 Echarts <!DOCTYPE html> <html lang="en"> <head> <meta ...
  • 百度地图点击地图获取地址

    千次阅读 2017-11-15 16:12:00
    <!doctype html> ,chrome=1"> 百度地图点击地图获取地址信息 body, html,#map {width: 100%;height: 100%;overf
  • 为你的个人博客添加访客地图

    千次阅读 多人点赞 2019-08-20 10:38:10
    添加步骤 创建账号 一切开始前,你需要开通一个访问者地图,ClustrMaps是个相当不错的网站,注册简单,我用了十几年。 注册很简单,只需要访问ClustrMaps网站,再点击右上角“Sign Up”进行注册,如果你有Google...
  • AIM: Arcmap中添加遥感影像底图,并进行矢量面的绘制; 添加方法
  • 百度地图添加自定义图层

    万次阅读 2014-09-10 15:01:11
    百度地图对自定义图层提到的很少,只sh

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,553
精华内容 20,621
关键字:

如何在地图添加公司地址