百度地图-绘制工具以及覆盖物的简单使用

这几天重拾了地图相关的功能，做一个小小的总结。

本文的示例的后端为flask框架，前端使用了bootstrap和jQuery以及百度地图API。

---

接下来是展示部分。

地图上的覆盖物表示高校所处的位置，当高校所代表的覆盖物过近时，会通过百度提供的API来合并这些点；

当使用绘制左上角的绘制工具，圈定范围后，会弹出右侧边栏，并显示圈定范围内的高校的名称（排名不分先后）。

示例代码在github，演示截图如下：

在本示例中，会涉及到以下内容：

1. 使用百度API查询经纬度；
2. 百度地图渲染；
3. 百度地图-绘制工具和覆盖物。

1.项目结构

下图为本示例的项目结构示意图：

app.py是flask的入口文件，为了便于演示，本文使用如下代码启动flask服务器（官方建议使用flask run命令启动，不过如此启动貌似不好调试）：

if __name__ == '__main__':
    app.run()

 config文件中存储了访问百度地图API的ak数据，本示例的config文件并没有上传到github上，有需要的可以去百度地图申请；

register文件中的代码是要注册到app中的一些功能，比如flask的自定义命令、url_for在上下文的重写等；

utils文件中目前只存储了一个根据位置查询经纬度的函数get_position；

2.根据位置查询经纬度

此部分代码被封装在了utils.py文件夹中：

import hashlib
import requests
from urllib import parse

from config import BAIDU_AK


def get_position(address):
    """
    请求百度，获取地址所在的经纬度
    :param address: 地址，比如东南大学 或昆山开发区前进东路企业科技园科技广场1505室
    :return:{'status': 0, 'result':
        {'location':
            {'lng': float, 'lat': float}, 'precise': 0, 'confidence': 70, 'comprehension': 0, 'level': '教育'}}
    """
    # 以get请求为例http://api.map.baidu.com/geocoder/v2/?address=百度大厦&output=json&ak=你的ak
    queryStr = '/geocoder/v2/?address=%s&output=json&ak=kNPyYMh5Yx4huR43nIRCYiO2Ms4XCNTD' % address
    # 对queryStr进行转码，safe内的保留字符不转换
    encodedStr = parse.quote(queryStr, safe="/:=&?#+!$,;'@()*[]")
    # 在最后直接追加上yoursk
    rawStr = encodedStr + BAIDU_AK
    # 计算sn
    sn = (hashlib.md5(parse.quote_plus(rawStr).encode("utf8")).hexdigest())
    # 由于URL里面含有中文，所以需要用parse.quote进行处理，然后返回最终可调用的url
    url = parse.quote("http://api.map.baidu.com" + queryStr + "&sn=" + sn, safe="/:=&?#+!$,;'@()*[]")
    result = eval(requests.get(url).text)
    return result

该功能需要从百度地图申请一个ak，然后才能使用本功能。

为了方便使用，本示例把该函数封装成了一个命令，并保存到register.py文件中：

# register.py

import os
import pandas
from flask import current_app, url_for

from utils import get_position
from config import BAIDU_AK


def register_commands(app):
    @app.cli.command()
    def school_location():
        """get lng and lat of schools"""
        data = []
        # 目前定死，之后可从数据库读取等等
        schools = [
            {'name': '东南大学', 'city': '南京市'},
            {'name': '南京大学', 'city': '南京市'},
            {'name': '南京工程学院', 'city': '南京市'}
        ]
        for idx, school in enumerate(schools):
            geo_result = get_position('%s(%s)' % (school['name'], school['city']))
            datum = {'name': school['name']}
            datum.update(geo_result[