web前端页面中异步使用百度地图API

摘要:
1//百度地图API功能2functionloadJScript(){3varscript=document.createElement("script");4script.type="text/javascript";5script.src="http://api.map.baidu.com/api?v=2.0&ak=8ni9BKv4NW6uDu5LU
<div id="allmap"></div>
1 //百度地图API功能
2 functionloadJScript() {
3 var script = document.createElement("script");
4 script.type = "text/javascript";
5 script.src = "http://api.map.baidu.com/api?v=2.0&ak=8ni9BKv4NW6uDu5LUrRKCuCGp4RREX3g&callback=init";
6 document.body.appendChild(script);
7 }
8 
9 functioninit() {
10 var map = new BMap.Map("allmap"); //创建Map实例
11 var point = new BMap.Point(116.293088,39.830886); //创建点坐标
12 map.centerAndZoom(point, 18);
13 map.enableScrollWheelZoom(); //启用滚轮放大缩小
14 var marker = newBMap.Marker(point);
15 map.addOverlay(marker); //将标注添加到地图中
16 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
17 
18 }
19 window.onload = loadJScript; //异步加载地图

免责声明:文章转载自《web前端页面中异步使用百度地图API》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Monkey学习笔记(一)SQL Server 2017 安装过程中的一点说明(有点意思)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

可编辑div的createRange()

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 // 在元素的指定位置设置输入光标 (注:目前只支持开始位置和结束位置) function__setCaret(element, pos) { try {...

MongoDB基础入门003--使用官方驱动操作mongo,C#

本篇先简单介绍一下,使用官方驱动来操作MongoDB。至于MongoDB原生的增删改查语句,且等以后再慢慢学习。 一、操作MongoDB的驱动主要有两个   1.官方驱动:https://github.com/mongodb/mongo-csharp-driver/downloads,更新的还是比较及时的,目前已经支持大部门linq语法。   2.samu...

ElasticSearch 评分排序

背景 通过脚本改变评分 背景 近期有一个需求,需要对优惠券可用商品列表加个排序,只针对面值类的券不包括折扣券。 需求是这样的,假设有一张面值券 50 块钱,可用商品列表 A 100、B 40、C 10,当用户查询当前券可用商品列表的时候优先将卡券可以直接抵扣且不需要用户在额外支付的商品排在前面。 C 10 B 40 A 100 其实排序有很多侧重,比如...

nodejs 里https的开启

var privateKey = fs.readFileSync('./key/214278976170532.key', 'utf8');var certificate = fs.readFileSync('./key/214278976170532.pem', 'utf8');var credentials = {key: privateKey, ce...

单体架构、SOA、微服务

1、单体架构 2、单体架构的拆分 3、SOA与微服务的区别 4、微服务的优缺点 5、微服务的消息 6、服务集成 7、数据的去中心化 一、单体架构 Web应用程序发展的早期,大部分web工程是将所有的功能模块(service side)打包到一起并放在一个web容器中运行,很多企业的Java应用程序打包为war包。其他语言(Ruby,Python或者C++)...

JS DOM元素

// 为element增加一个样式名为newClassName的新样式 functionaddClass(element, newClassName) { var value =element.className; element.className = value + " " +newClassName; } var bo...