美文网首页程序员
腾讯地图API详解

腾讯地图API详解

作者: IT小C | 来源:发表于2016-03-18 11:54 被阅读0次

    最近项目中需要通过用户输入的地址来判断是否在选定的地址范围内,于是想到了使用百度地图的API来通过地址得到经纬度,不过看了半天发现百度的API太不好用了,于是又找了一下腾讯地图的API,功能都写的很清楚,于是决定采用腾讯开放平台的API来实现相关的功能,后来又仔细的看了一下发现腾讯地图的API功能还是很强大的。

    首先要调用腾讯地图的API和调用百度的一样,需要申请key,很简单,只要绑定了手机号就可以申请了。
    下面是我试用的几个比较实用的功能

    1.基于WebService API
    关键词输入提示,这个API可以帮助用户在输入地址的时候出现地址提示
    通过发送GET请求
    http://apis.map.qq.com/ws/place/v1/suggestion/?region=城市(如:上海)&keyword=输入框的值&key=申请的key&region_fix=1
    返回的是json格式的列表

    具体的字段说明可以参考腾讯地图API的官方文档
    http://lbs.qq.com/webservice_v1/guide-suggestion.html

    {
        "status": 0,
        "message": "query ok",
        "count": 10,
        "data": [
            {
                "id": "7944893265995869633",
                "title": "康桥",
                "address": "上海市浦东新区康桥",
                "type": 0,
                "location": {
                    "lat": 31.13991,
                    "lng": 121.58685
                },
                "adcode": 310115,
                "province": "上海市",
                "city": "上海市",
                "district": "浦东新区"
            },
    

    2.JavaScript API V2
    可以在网页上或者移动端Web页面上显示腾讯地图控件

    var map = new qq.maps.Map(document.getElementById("map"),
        {
            //加载地图经纬度信息
            center : new qq.maps.LatLng(x, y),
            zoom : 15, //设置缩放级别
            draggable : false, //设置是否可以拖拽
            scrollwheel : false, //设置是否可以滚动
            disableDoubleClickZoom : true //设置是否可以双击放大
        }
        );
    

    具体的字段说明可以参考腾讯地图API的官方文档
    http://lbs.qq.com/javascript_v2/guide-base.html

    相关文章

      网友评论

        本文标题:腾讯地图API详解

        本文链接:https://www.haomeiwen.com/subject/qkaclttx.html