栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

百度地图api调用

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

百度地图api调用

python代码编写html,调用百度地图api

百度地图api的文档:  百度地图开放平台 | 百度地图API SDK | 地图开发

(1)点击“开发文档---->其他版本----->JavaScript v3.0”,进入JavaScript v3.0版本页面,

(2)注册百度账号,申请成为开发者,获取密钥,

 

(3)新建一个map.html,参照 JavaScript API - 添加控件 | 百度地图API SDK




    
    
    百度地图
    
    
    


    

    
    

浏览器打开效果:

 (4)为百度地图添加多个控件




    
    
    百度地图
    
    
    


    

    
    

浏览器打开效果:

 (5)还可以

-更改图标:
// 更改图标,通过Icon类可实现自定义标注的图标
var myIcon = new BMap.Icon("markers.png", new BMap.Size(23, 25));
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, {icon: myIcon});
map.addOverlay(marker);
-地址解析器:
// 地址解析器
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("北京市海淀区清华园赛尔大厦", function(point){
    if (point) {
        map.centerAndZoom(point, 16);
        map.addOverlay(new BMap.Marker(point));
    }
    },
    "北京市");

浏览器页面效果:

 

 

-添加监听事件:
// 添加监听事件
var opts = {    // 提供信息窗口
    width : 250,     // 信息窗口宽度
    height: 100,     // 信息窗口高度
    title : "信息窗口标题 "  // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("World", opts);  // 创建信息窗口对象
// 点击标注,打开窗口信息
marker.addEventListener("click", function(){
    map.openInfoWindow(infoWindow, map.getCenter());      // 默认在地图的正中心打开信息窗口
});

浏览器页面效果:

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/857884.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号