地图上添加公司位置

高德地图怎么添加公司地址标注

千次阅读 2019-10-24 15:29:37

有时候我们在使用高德地图的时候，想添加公司地址标注，怎么添加呢，下面来分享一下方法　工具/原料　高德地图　添加公司地址标注　方法/步骤　第一步打开高德地图，点击路线，如下图所示：　第二步进去路线...

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

收起

展开全文

使用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文件。

这样下来，文件可以秒开，给大家看下。



这样就算完成了，当然除了添加标记点，也还可以添加其他内容。

最后鼓励一下自己：

保持进步，保持好心情~~

收起

展开全文

js html5 javascript python

高德地图上添加marker，给每个marker添加点击事件。

万次阅读 2019-08-06 11:30:50

高德地图上添加marker，给每个marker添加点击事件。高德地图上添加marker，给每个marker添加点击事件。 var watch = [] $.ajax({ type: 'GET', dataType: 'jsonp', url: url + '你的url地址', error: ...

高德地图上添加marker，给每个marker添加点击事件。
高德地图上添加marker，给每个marker添加点击事件。
var watch = []
    $.ajax({
      type: 'GET',
      dataType: 'jsonp',
      url:
        url +
        '你的url地址',
      error: function() {
        alert('获取监控点信息失败')
      },
      success: function(data) {
        var json = data.QueryUDCAMERAINFOResponse
        json = json.UDCAMERAINFOSet.UDCAMERA
        $.each(json, function(index, item) {
          if (json[index].LATITUDE && json[index].LONGITUDE) {
            // console.log(json[index])
            watch.push(json[index])
            // console.log(watch)
          }
        })
        watchMap(watch)
      }
    })
    function watchMap(list) {
      var watchList = []
      // 添加多个地图点标记
      for (let i = 0; i < list.length; i++) {
        var temp = new AMap.Marker({
          position: new AMap.LngLat(list[i].LONGITUDE, list[i].LATITUDE), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
          title: list[i].NAME,
          map: map,
          icon: 'imgs/sxt.png',
          clickable: true
        })
        watchList.push(temp)
        // 给每个点标记注册点击事件
        AMap.event.addListener(temp, 'click', function(e) {
          $('#watch').hide(300)
          //得到的数据
          for (let j = 0; j < list.length; j++) {
            if (this.B.title == list[j].NAME) {
              // 点击摄像头标记，切换中心坐标
              map.setCenter([list[i].LONGITUDE, list[i].LATITUDE])
              var str =
                '<ul> <li><h2>设备信息</h2></li> <li>位置:&nbsp;&nbsp;' +
                list[j].NAME +
                '</li> <li>纬度:&nbsp;&nbsp;' +
                list[i].LATITUDE +
                '</li> <li>精度:&nbsp;&nbsp;' +
                list[i].LONGITUDE +
                '</li> <li>运行状态:&nbsp;&nbsp;正常</li> <li id="openMp4"><a href=' +
                'javascript:;' +
                '>点击查看</a></li><li><a href=' +
                'javascript:;' +
                '>资产台账</a></li> </ul><span id="closeWatch">×</span>'
              // 更改弹窗口
              $('#watch').html(str)
              $('#watch')
                .css({
                  left: '50%',
                  top: '50%'
                })
                .show(300)
              $('#closeWatch').click(function() {
                $('#watch').hide(300)
              })
              $('#openMp4').click(function() {
                $('.playerMp4')
                  .css({
                    height: $(window).height()
                  })
                  .show(300)
                $('.radio_top_title').html(list[j].NAME)
                $('#watch').hide(300)
              })
            }
          }
        })
      }
      // 将创建的点标记添加到已有的地图实例：
      map.add(watchList)
      // 利用styles属性修改点聚合的图标样式
      var styles = [
        {
          url: 'https://a.amap.com/jsapi_demos/static/images/blue.png',
          size: new AMap.Size(32, 32),
          offset: new AMap.Pixel(-16, -30)
        },
        {
          url: 'https://a.amap.com/jsapi_demos/static/images/green.png',
          size: new AMap.Size(36, 36),
          offset: new AMap.Pixel(-18, -18)
        },
        {
          url: 'https://a.amap.com/jsapi_demos/static/images/orange.png',
          size: new AMap.Size(48, 48),
          offset: new AMap.Pixel(-24, -45)
        }
      ]

      //添加聚合组件
      map.plugin(['AMap.MarkerClusterer'], function() {
        cluster = new AMap.MarkerClusterer(
          map, // 地图实例
          watchList, // 海量点组成的数组
          {
            styles: styles
          }
        )
      })

收起

展开全文

天地图上添加删除坐标点
千次阅读 2018-03-06 14:17:43
1，在js中var sign = 1;...jQuery(document).ready(function () { //初始化地图对象 map = new TMap("mapDiv"); var p = new TLngLat(CenterCo.split('|')[0], CenterCo.split('|')[1]);//地...
收起
04 在地图上添加主页、定位、鹰眼图和比例尺控件
千次阅读 2018-09-11 21:58:14
在上一篇文章中我们学习了如何创建一个简单的地图，那接下来，我们学习如何给创建好的地图上添加一些基本的空间，最终效果如下图所示：由上图可以看出，我们在地图上添加了主页、定位、鹰眼图以及比例尺控件，...
收起
高德地图添加Marker后返回当前位置
千次阅读 2016-09-10 17:29:42
我是用在poi搜索后要把数据添加到地图上。只贴部分代码。@Override public void onPoiSearched(PoiResult result, int errorCode) { if (errorCode == 1000) {//成功 Log.d(TAG, "onPoiSearched: ");
收起
根据经纬度在地图上添加标记，实现登陆用户分布地理位置，显示用户信息
千次阅读 2018-09-19 18:06:50
实现登陆用户分布地理位置标注，可以显示用户信息
收起
谷歌地图在地图上添加文字标注
千次阅读 2013-06-06 20:20:46
/***************自定义叠加层，可作为站点显示在地图上******************/ function MyMarker(map, options) { // Now initialize all properties. this.latlng = options.latlng; //设置图标的位置 this....
收起
GIS（一）——在js版搜索地图上添加Marker标记
万次阅读 热门讨论 2014-08-26 22:48:08
由于我们做的是有关于旅游方面的项目，所以涉及到了地图功能。我接到的其中一个任务就是，在... 在地图上添加标记是地图的一个基本功能。这个标记叫做Marker。可以从这里看官网上对于Marker类的介绍。实现的基本步
收起
IOS——地图的使用、地图定位到当前位置（包括ios8获取位置）、地图标注的添加、地图放大缩小监听
千次阅读 2014-12-17 15:22:59
在实现地图的基础上，实现过个地图标注（1）. 在实现地图的ViewController实现接口 MKMapViewDelegate （2）. 地图标注类需要自定义，创建MapPoint类，实现接口 MapPoint.h 文件 #import #import @interface...
收起
微信小程序——添加地图、地图上打点、自定义地图
千次阅读 2020-01-15 15:06:57
2. 添加地图 3. 地图打点 4. 个性化地图 4.1 申请开通个性化地图能力 4.2 添加小程序个性地图 4.3 自定义地图 1.摘要 1.1 开发工具微信开发者工具、sublime、git 1.2 开发框架 wepy2.0 1.3 版本号微信...
收起
根据坐标在地图上添加点、标注及热力图（百度地图API）
万次阅读 2018-03-15 20:01:28
默认已知经纬度坐标点，放入坐标数组pointArr，参照百度地图API在地图上添加点// 编写自定义函数,创建标注 function addMarker(point){ var marker = new BMap.Marker(point); map.addOverlay(marker); }添加...
收起
百度API 热力图
百度地图在固定位置添加图片
千次阅读 2018-12-19 13:31:41
添加/删除地面叠加层 <div id="allmap"></div> ();" value="添加" /> ();" value="删除" /> var TianAnMen = new BMap.Point(116.404449, 39.914889); // 创建Map实例 var map = new BMap.Map("all...
收起
GIS（二）——在js版搜狗地图上添加brand标牌
千次阅读 热门讨论 2014-08-29 11:50:59
在上一篇博文中，我在搜狗地图上添加了Marker标记，但是在用户体验度上还是不够的，如果想了解某些信息，你得把鼠标指向marker，才能看到title里的值。有没有一种可以直接显示在marker上的东东呢？其实有很多方法...
收起
位置与地图(三)给地图添加覆盖层
千次阅读 2014-06-30 16:31:01
// 将单个的覆盖层添加到指定的层级 [self.mapView addOverlay:circle level:MKOverlayLevelAboveLabels]; } // 该方法返回的MKOverlayRenderer负责绘制覆盖层控件 - (MKOverlayRenderer *)mapView:(MKMapView ...
收起
iOS-高德地图点击地图获取点击点对应的地理位置，并添加自定义的大头针
万次阅读 2017-05-05 17:23:30
iOS-高德地图点击地图获取点击点对应的地理位置，并添加自定义的大头针
收起
iOS
ArcGIS 在地图上添加标注
千次阅读 2017-09-22 09:21:50
//把图层添加到地图上 MyMap.addLayer(graphicLayer); //设置标注的经纬度 //方法一 var pt = new esri.geometry.Point(118.0605760000, 36.8424320000, MyMap.spatialReference); //方法二 // var pt = ...
收起
html前端使用高德地图入门教程,并在地图上标记位置
万次阅读 多人点赞 2019-04-09 17:29:17
准备工作 ... ... ... 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」 ... 记住这个Key，等会要用，以后可能也会用，一定要记住。...新建一个DIV，作为地图的容器（这一步和使用其他插件一样，必...
收起
如何使用百度地图API在地图上批量添加点标注
千次阅读 2017-08-04 20:49:54
//先右击开启可以收集的功能，然后双击地图添加经纬度到数组，添加到10个关闭收集功能 function takePoints(done) { var points = []; var isActionDblclick = false; //是否触发过双击 function lister() { /...
收起
api
百度地图上自定义添加一个标注
千次阅读 2016-04-19 16:32:24
添加标注
收起
百度地图开发之点击地图给该位置添加标注（图标）并弹出对应的位置
千次阅读 2018-10-30 15:43:00
1.首先要引入自己的ak 　 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxx"></script>...2.在html中写出地图的挂载点　 <div id="sitePersonMap"...
收起
Android 百度地图（二）——地图切换、定位、添加覆盖物、搜索位置、连线
千次阅读 2015-09-22 19:45:16
在 Android 百度地图（一）——简单使用博客中简单介绍了它的使用，基本上都是按照百度API所给的介绍进行操作的，只是初步地让百度地图显示在应用中，并没有具体的使用或是操作它，我们平时所看到的地图都是可以...
收起
地图中添加大头针
千次阅读 2012-12-14 15:50:03
在利用MKMapView显示自己当前位置的地图一文中介绍了放大地图和显示自己的位置,下面介绍一下在地图自己位置上添加大头针,实现如下所示: 实现的具体过程很简单: 首先实现MKMapViewDelegate协议: @...
收起
如何用百度地图api地图上显示自己位置以及数据库里的位置
千次阅读 2017-12-19 19:34:10
先定位自己位置定位您的位置您当前位置： ... // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(108.95,
收起
ArcGIS for iOS地图上添加测距功能，及显示相应的路径图层
千次阅读 2018-04-12 11:26:27
故此编写本博客具体分为以下几个步骤1、添加地图并显示到视图中（次步省略掉）2、在地图上添加AGSGraphicsLayer和AGSSketchGraphicsLayer这两个图层3、指定指定相应的delegate（主要是mapview的layerDelegat...
收起
iOS arcgis
高德地图之添加遮盖物
千次阅读 2017-06-06 11:56:06
第一篇帖子已经把基本的配置和基础定位完成，这一篇主要是在图层上添加遮盖物，包括绘制点、线、圆形遮盖物、椭圆遮盖物和矩形、以及多边形遮盖物绘制点遮盖物 /** * 绘制点遮盖物 */ LatLng latLng = new ...
收起
安卓开发：在大屏手机上，用百度地图添加覆盖物，点击的位置总是发生偏移，怎么办
2013-09-22 10:58:36
public boolean onTouchEvent...在小屏手机上获取的屏幕点击位置是正确的，可是在大屏手机上，屏幕点击地图之后，添加的覆盖物总是在点击位置的下方，怎么修改，是兼容性的问题，还是java代码的问题，还是xml的问题。
收起
android 兼容性获取坐标
JavaScript使用高德地图可视化3D地图区域上添加自定义的图标及工具的使用
千次阅读 2020-09-03 19:17:34
为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」记住这个Key，引入地图API时使用。效果图如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
收起

用Matlab将坐标添加到地图上

用Matlab将坐标添加到地图上

源码数据下载地址：点击文字

小编邮箱:2377389590@qq.com

代码1：

代码2

代码3：

高德地图怎么添加公司地址标注

使用Python调用百度地图的API在地图上添加标记

写在前面

功能实现

API地址

Python实现

高德地图上添加marker，给每个marker添加点击事件。

高德地图上添加marker，给每个marker添加点击事件。

天地图上添加删除坐标点

04 在地图上添加主页、定位、鹰眼图和比例尺控件

高德地图添加Marker后返回当前位置

根据经纬度在地图上添加标记，实现登陆用户分布地理位置，显示用户信息

谷歌地图在地图上添加文字标注

GIS（一）——在js版搜索地图上添加Marker标记

IOS——地图的使用、地图定位到当前位置（包括ios8获取位置）、地图标注的添加、地图放大缩小监听

微信小程序——添加地图、地图上打点、自定义地图

根据坐标在地图上添加点、标注及热力图（百度地图API）

百度地图在固定位置添加图片

GIS（二）——在js版搜狗地图上添加brand标牌

位置与地图(三)给地图添加覆盖层

iOS-高德地图点击地图获取点击点对应的地理位置，并添加自定义的大头针

ArcGIS 在地图上添加标注

html前端使用高德地图入门教程,并在地图上标记位置

如何使用百度地图API在地图上批量添加点标注

百度地图上自定义添加一个标注

百度地图开发之点击地图给该位置添加标注（图标）并弹出对应的位置

Android 百度地图（二）——地图切换、定位、添加覆盖物、搜索位置、连线

地图中添加大头针

如何用百度地图api地图上显示自己位置以及数据库里的位置

ArcGIS for iOS地图上添加测距功能，及显示相应的路径图层

高德地图之添加遮盖物

安卓开发：在大屏手机上，用百度地图添加覆盖物，点击的位置总是发生偏移，怎么办

JavaScript使用高德地图可视化3D地图区域上添加自定义的图标及工具的使用

地图上添加公司位置