js+百度地图API

旧城等待， 2022-04-16 03:59 447阅读 0赞

js与百度地图API实例：

<div id='address'></div>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=boS5H3cIm4bD53h37GlKfhpKKBCpmjwl"></script>
    
    
    var map = new BMap.Map('address');//核心类Map，实例化一个地图。
    
    var point = new BMap.Point(114.131416, 22.573554);//基础类Point,初始化点的经纬度
    
    map.centerAndZoom(point, 20); //核心类Map的方法，在实例化地图中，点位的缩放（3~19）
    map.addControl(new BMap.NavigationControl()); //控件类NavigationControl，平移缩放，添加到实例化的地图上
    map.addControl(new BMap.ScaleControl()); //控件类ScaleControl，比例尺，添加到实例化的地图上
    map.addControl(new BMap.MapTypeControl());//控件类MapTypeControl，地图类型，添加到实例化的地图上
    
    var marker = new BMap.Marker(point);//覆盖物类Marker，图像标注
    
    map.addOverlay(marker);//核心类Map的方法，覆盖物添加到实例化地图中
    
    var opts = {    
    	width : 220,     // 信息窗口宽度    
    	height: 80,     // 信息窗口高度    
    	title : "<p style='font-size: 1.5rem; margin-bottom: 0.1rem;'>宝琳国金珠宝交易中心</p>",  // 信息窗口标题  
    	content: "<p style='margin: 0;padding: 0;'>地址：深圳市罗湖区田贝四路宝林国金一期一楼</p><p style='margin: 0;padding: 0;'>电话：0755-22928136</p>" 
    }    
    var infoWindow = new BMap.InfoWindow(opts.content, opts); //覆盖物类InfoWindow，信息的窗口
    map.openInfoWindow(infoWindow, point); //核心类Map的方法，在点位上，打开信息窗口
    map.enableScrollWheelZoom(true); //核心类Map的方法，滚轮放大缩小

发表评论取消回复

表情：

评论列表（有 0 条评论，447人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图API使用记录

背景：最近需要开发一个使用到地图的网站，对百度地图API做了些研究，记录如下使用方法： 1.引入百度脚本 <span style="

逃离我推掉我的手/ 2022年08月05日 08:16/ 0 赞/ 369 阅读

相关 js 百度地图api

[百度地图JavaScript API][JavaScript API]是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支

拼搏现实的明天。/ 2022年06月10日 03:51/ 0 赞/ 392 阅读

相关 js+百度地图API

js与百度地图API实例： <div id='address'></div> <script src="http://api.map.baidu.com/ap

旧城等待，/ 2022年04月16日 03:59/ 0 赞/ 448 阅读

相关 js调用百度地图api实现定位

<?php / Created by PhpStorm. User: onlythen Date: 5/26/15

深藏阁楼爱情的钟/ 2022年04月08日 11:30/ 0 赞/ 535 阅读

相关 JS百度地图显示

步骤 1.百度地图API接口:[http://lbsyun.baidu.com/][http_lbsyun.baidu.com] 2.![在这里插入图片描述][wat

我不是女神ヾ/ 2022年03月02日 13:30/ 0 赞/ 448 阅读

相关 JAVA 百度地图 API

唉。。已经无力吐槽废话。。直接进入正题吧。。第一次写。。如有不足之处请谅解。。哦对了。。我们这个是 web 端获取 API 的官方文档：[http://lbsyun.ba

你的名字/ 2022年02月24日 12:58/ 0 赞/ 623 阅读

相关百度地图API计算经纬度

百度地图API计算经纬度注册百度地图开发者申请应用的APKEY 设置白名单代码实现注册百度地图开发者注册地址：http:

浅浅的花香味﹌/ 2021年10月23日 22:50/ 0 赞/ 910 阅读

相关百度地图API实现地图应用

企业官网上需要用到地图应用，这里对百度地图API的使用做点笔记，好记性不如烂笔头。实现地图应用的流程如下： 1、获取密钥；教程网址 [https://jingyan.ba

灰太狼/ 2021年09月18日 10:22/ 0 赞/ 815 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 841 阅读

相关百度地图API功能演示

draw.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

我会带着你远行/ 2021年06月26日 16:06/ 0 赞/ 848 阅读