• 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>
    

     

    效果图:

  • 相关阅读:
    vs 加入插件
    vs用法
    axios和vue用$refs属性获取dom
    错误演示
    vue表单的用法

    工作
    工作日报
    主机与虚拟机链接
    login
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/10143804.html
Copyright © 2020-2023  润新知