zoukankan      html  css  js  c++  java
  • 百度地图API简单使用

    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
        body, html,#allmap { 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4d06aa5b2c816cc52a1a9cd008808c68"></script>
        <title>地图展示</title>
    </head>
    <body>
        <div id="allmap"></div>
    </body>
    </html>
    <script src="./lib/base/base.js"></script>
    <script type="text/javascript">
    var lon=getQueryString('lon') //目标位置
    var lat=getQueryString('lat')
    var mylon=getQueryString('mylon')//自己的位置
    var mylat=getQueryString('mylat')

        // 百度地图API功能

        //添加地图类型控件
    var map = new BMap.Map("allmap");
        var point = new BMap.Point(lon,lat);
        map.centerAndZoom(point, 20); //控制精度
        

        var pt = new BMap.Point(lon,lat);
        // var myIcon = new BMap.Icon("./img/bitbug_favicon.ico", new BMap.Size(30,27));
        var marker2 = new BMap.Marker(pt); // 创建标注
    map.addOverlay(marker2);
     
    //设置的导航步行线路
    // var walking = new BMap.WalkingRoute(map, {
    // renderOptions: {
    // map: map,
    // autoViewport: true
    // }
    // });
    // var start = new BMap.Point(mylon,mylat);
    // var end = new BMap.Point(lon, lat);
    // walking.search(start, end);
    </script>
  • 相关阅读:
    mvc edmx 的config文件
    Openwrt安装软件的方法
    如何用JQuery实现单元格 循环变背景色
    Vue的生命周期
    hmtl弹出框样式
    在星巴克买咖啡思考技术团队的管理
    RealTimePerformanceDemoView
    《SAAS创业指南》拆书笔记——产品打磨和商业模式初步验证
    基于日志的回放对比系统设计
    异常测试-中间件故障演练
  • 原文地址:https://www.cnblogs.com/zhuwu/p/8184767.html
Copyright © 2011-2022 走看看