zoukankan      html  css  js  c++  java
  • Hello, World

    web开发调用百度地图API + AK申请

    要使用百度地图的API我们首先需要在我们的html页面引入js----``

    如何获取百度地图ak:

    • 1.登陆百度地图开发者平台
    • 2.注册百度开发者账号并登陆
    • 3.点击进入控制台创建应用,需要注意的是:“Referer白名单”这个字段填写你客户端的ip,不然最后的ak依然无法调用,当然也可以是网站,代表这个ak允许那些客户端使用

    基本的准备工作到这里就结束了,下面看看调用代码:

    ``` Hello, World
    <body>  
    	<div id="container" class="container"></div> 
    	<script type="text/javascript"> 
    		var map = new BMap.Map("container");
    		// 创建地图实例  
    		var point = new BMap.Point(108.188512, 31.23829);
    		// 创建点坐标  
    		map.centerAndZoom(point, 19);
    		// 初始化地图,设置中心点坐标和地图级别  
    		map.enableScrollWheelZoom(true);
    		// 滚动缩放
    

    // var myStyleJson=[
    // {
    // "featureType": "road",
    // "elementType": "geometry.stroke",
    // "stylers": {
    // "color": "#ff0000"
    // }
    // }];
    // map.setMapStyle({styleJson: myStyleJson });
    //风格
    map.addEventListener("click", function(e){
    var lat = e.point.lat;
    var lng = e.point.lng;
    console.log('东经'+lng, '北纬'+lat);
    });

    ```

    好了具体玩法参照百度地图API就可以了,这里做一个记录:老家的经纬度是(108.188512, 31.23829)

  • 相关阅读:
    linux网络connect: network is unreachable的解决记录
    kali系统输入msfvenom -l为什么不能显示
    基于fluxion 6.9 钓鱼wifi
    【操作系统】Linux
    【JAVA基础】Mybatis 基本应用
    饮冰三年-人工智能-Vue-70 Promise
    饮冰三年-人工智能-Vue-69 路由
    饮冰三年-人工智能-Vue-68 CLI
    饮冰三年-人工智能-Vue-67 Webpack
    饮冰三年-人工智能-Vue-66 Vue组件化
  • 原文地址:https://www.cnblogs.com/frogblog/p/8657786.html
Copyright © 2011-2022 走看看