zoukankan      html  css  js  c++  java
  • js百度地图-简单的1个坐标点

    要学习百度地图,最好的地方就是去看百度地图API;

    案例:

    <!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>
    </body>
    </html>
    <script type="text/javascript">
    	// 百度地图API功能
    	var map = new BMap.Map("allmap");
    	var point = new BMap.Point(116.404, 39.915);
    	map.centerAndZoom(point, 15);
    	
    	//创建小狐狸
    	var pt = new BMap.Point(116.417, 39.909);
    	var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));
    	var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 创建标注
    	map.addOverlay(marker2);              // 将标注添加到地图中
    </script>
    

     

    效果图:

  • 相关阅读:
    Android 屏幕实现水龙头事件
    高速排序算法
    hdu2993坡dp+二进制搜索
    如何设计接口?
    virtio-netdev 发送数据包
    android-sdk-windows下载版
    FusionCharts简明教程(一)---建立FusionCharts图形
    strcpy_s与strcpy对照
    安全博客
    图片相关
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/10143804.html
Copyright © 2011-2022 走看看