广东智能网站建设质量保障,如何做网站网站代理,网络营销名词解释是什么,网站开发公司 深圳第一步 进入百度地图开发平台
百度地图开放平台 | 百度地图API SDK | 地图开发 第二步注册 获取AK秘钥#xff0c;点击【创建应用】进入AK申请页面#xff0c;填写应用名称#xff0c;务必选择AK类型为“浏览器端”#xff0c;JS API只支持浏览器端AK进行请求与访问 下面…
第一步 进入百度地图开发平台
百度地图开放平台 | 百度地图API SDK | 地图开发 第二步注册 获取AK秘钥点击【创建应用】进入AK申请页面填写应用名称务必选择AK类型为“浏览器端”JS API只支持浏览器端AK进行请求与访问 下面的这个就是AK秘钥 第三步 就是在HTML文件中创建一个div元素用于显示地图。
第四步 在JS文件中编写代码调用百度地图API的相关函数实现地图的展示和标注。 下面这个就是在页面中引用申请的秘钥 script typetext/javascript src//api.map.baidu.com/api?typewebglv1.0ak您的密钥/script 效果图 页面代码如下
!DOCTYPE html
html langzh-CNheadmeta charsetutf-8title获取信息窗口内容/titlemeta http-equivContent-Type contenttext/html; charsetutf-8meta nameviewport contentinitial-scale1.0, user-scalablenometa http-equivX-UA-Compatible contentIEEdgescript src//api.map.baidu.com/api?typewebglv1.0ak您的密钥/script
/headbodydiv idMap stylewidth: 600px;height: 500px;/div
/body/html
scriptvar map new BMapGL.Map(Map);// 创建Map实例var point new BMapGL.Point(116.404, 39.915); // 初始化地图,设置中心点坐标和地图级别map.centerAndZoom(point, 15);var scaleCtrl new BMapGL.ScaleControl(); // 添加比例尺控件map.addControl(scaleCtrl);var zoomCtrl new BMapGL.ZoomControl(); // 添加缩放控件map.addControl(zoomCtrl);// 创建点标记var marker new BMapGL.Marker(point);map.addOverlay(marker);// 创建信息窗口var opts {width: 200,height: 100,title: 故宫博物院};var infoWindow new BMapGL.InfoWindow(地址北京市东城区王府井大街88号乐天银泰百货八层, opts);map.openInfoWindow(infoWindow, point); // 开启信息窗口function getInfoContent() {alert(infoWindow.getContent());}var map new AMap.Map(allmap, {zoom: 14,zoomEnable: true,scrollWheel: false,center: [113.360435, 23.101970],lang: zh_cn //可选值enzh_en, zh_cn});/script 百度地图 地址经纬度拾取地址如下链接: 拾取坐标系统
