连接百度地图API
来源:互联网 发布:ipad安装软件 编辑:程序博客网 时间:2024/06/06 20:22
利用PHP连接百度地图API
<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #container { height: 100% } </style> <!-- //此为v1.4版本及以前版本的引用方式 <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> --> <!-- //此为v1.5版本以后的引用方式 //--> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fw4DkI8ZoN3UZsUc5fkkBOQc"> </script> <script type="text/javascript"> var map;function init(){load();setMapEvent();addMapControl();} function load() { // BMap是百度地图API的命名空间,所有的类都在这里面 map = new BMap.Map("container"); // 创建一个Map对象 var point = new BMap.Point(116.404, 39.915); // 创建一个点对象 map.centerAndZoom(point, 15); // 两秒钟后移动到中心点 window.setTimeout(function() { map.panTo(new BMap.Point(116.415, 39.918)); }, 2000); map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 () }function setMapEvent(){map.enableDragging();//启动地图拖拽事件,默认启用map.enableScrollWheelZoom();//启动地图滚轮放大缩小map.enableDoubleClickZoom();//启动鼠标双击放大map.enableKeboard();//启用键盘上下左右键移动地图//map.addControl(new BMap.MapTypeControl());//调用卫星地图map = new BMap.Map("container",{mapType: BMAP_SATELLITE_MAP});}</script> </head> <body onload="init()"> <div id="container"></div> //容器</body> </html>
运行结果:
2 0
- 连接百度地图API
- 【安卓开发】连接百度地图api
- 百度地图API自定义地图
- 【百度地图API】
- 百度地图api开源
- 百度地图API 应用
- 百度地图API
- 百度地图API
- 百度地图API应用
- 百度地图API使用
- 百度地图API
- 百度地图API实例
- 百度地图API
- 百度地图API
- android 百度地图api
- 百度地图 JavaScript API
- 百度地图API配置
- 百度地图API使用
- 小鑫の日常系列故事(七)——小纸条
- 实列1
- SQL Server中的sysobjects
- 新标准下的sizeof运算符
- 线程管理 ACE_Thread_Manager
- 连接百度地图API
- Oracle
- ssh传递本地文件到服务器
- cocos2dx3.0的项目属性继承 (vs2012)
- 临时表
- nyoj_274正三角形的外接圆面积
- Codeforces 379C New Year Ratings Change(模拟)
- 设计模式之六:工厂模式汇总
- Hadoop面试