zoukankan      html  css  js  c++  java
  • 百度地图历史轨迹

    <!DOCTYPE html>
    <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=您的密钥"></script>
    	<title>地图展示</title>
    </head>
    <body>
    	<div id="allmap"></div>
    @if (Model != null)
        {
            var obj = Model.list.FirstOrDefault();
            if (obj != null)
            {
                <script type="text/javascript">
                     // 百度地图API功能
                    var map = new BMap.Map("allmap");    // 创建Map实例
                    map.centerAndZoom(new BMap.Point(@obj.longitude, @obj.latitude), 10);  // 初始化地图,设置中心点坐标和地图级别
                    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                    var sy = new BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW, {
                        scale: 0.6,//图标缩放大小
                        strokeColor: '#fff',//设置矢量图标的线填充颜色
                        strokeWeight: '2',//设置线宽
                    });
                    var icons = new BMap.IconSequence(sy, '10', '30');
                    // 创建polyline对象
                    var pois = [
                        @foreach (var item in Model.list)
                        {
                            @:new BMap.Point(@item.longitude, @item.latitude),
    	                }
                    ];
                    var polyline = new BMap.Polyline(pois, {
                        enableEditing: false,//是否启用线编辑,默认为false
                        enableClicking: true,//是否响应点击事件,默认为true
                        icons: [icons],
                        strokeWeight: '8',//折线的宽度,以像素为单位
                        strokeOpacity: 0.8,//折线的透明度,取值范围0 - 1
                        strokeColor: "#18a45b" //折线颜色
                    });
                    map.addOverlay(polyline);          //增加折线
                </script>
                }
     }
    </body> </html>

      

      

  • 相关阅读:
    C#语言 循环语句
    C#语言基础语句
    抛出异常不会终止程序:
    Giew与checkBox的结合
    js去掉空格
    转:label标签的特殊用法
    LINQ Operators之过滤(Filtering)
    转:设置session过期时间
    转:Bat命令学习
    收藏:锁(待阅)
  • 原文地址:https://www.cnblogs.com/lemonmoney/p/10081619.html
Copyright © 2011-2022 走看看