页面中插入百度地图(使用百度地图API)

页面中插入百度地图(使用百度地图API)

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

页面中插入百度地图(使用百度地图API)页面中插入百度地图(使用百度地图API)页面中插入百度地图(使用百度地图API)页面中插入百度地图(使用百度地图API)页面中插入百度地图(使用百度地图API)

页面中插入百度地图(使用百度地图API)页面中插入百度地图(使用百度地图API)

.aspx代码例如以下:

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”插入地图.aspx.cs” Inherits=”插入地图” %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
    <title></title>
    <script type=”text/javascript” src=”http://api.map.baidu.com/api?

v=2.0&ak=NOraeOytceNxSBgQ7pY9qbrl”> </script>
    

</head>
<body>
    <form id=”form1″ runat=”server”>
    <div>
    
    <div id=”div_baiduMap” style=”height:600px; width:600px; border:1px solid silver; “></div>
    <script type=”text/javascript”>

        var map = new BMap.Map(“div_baiduMap”);
        map.centerAndZoom(new BMap.Point(116.321565, 39.979607), 11);

        //0.控件设置
        //平移缩放
        map.addControl(new BMap.NavigationControl());
        //鼠标滚轮放大缩小
        map.enableScrollWheelZoom();
        //…

        //1.加入点击侦听
        //    map.addEventListener(“click”, function (e) {
        //        alert(e.point.lng + “,” + e.point.lat);
        //    });

        //2. 加入静态标识
        var _p = new BMap.Point(116.321565, 39.979607);
        var _m1 = new BMap.Marker(_p);
        map.addOverlay(_m1);

        //3. 动画
        _m1.setAnimation(BMAP_ANIMATION_BOUNCE);

        //4.弹出窗体
        var _info1 = new BMap.InfoWindow(“易美逊总部”);
        _m1.addEventListener(“mouseover”, function () { this.openInfoWindow(_info1); });
        _m1.addEventListener(“mouseout”, function () { this.closeInfoWindow(_info1); });

        //5. 标签提示
//        var _opts = { position: _p, offset: new BMap.Size(25, -10) }
//        var _lab = new BMap.Label(“公司总部”, _opts);
//        map.addOverlay(_lab);
//        _lab.setStyle({ color: “orange”, fontSize: “14px”, padding: “6px” });

        //6. 自己定义标识
        //    var _icon = new BMap.Icon(“../App_imgs/LOGO40.png”, new BMap.Size(40, 40));
        //    var _m2 = new BMap.Marker(_p, { icon: _icon });
        //    map.addOverlay(_m2);
    

</script>
    </div>

    </form>
</body>
</html>

效果例如以下:

页面中插入百度地图(使用百度地图API)

版权声明:本文博客原创文章,博客,未经同意,不得转载。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/117186.html原文链接:https://javaforall.net

(0)
上一篇 2022年1月9日 下午1:00
下一篇 2022年1月9日 下午2:00


相关推荐

  • mxnet 源码阅读 2

    mxnet 源码阅读 2

    2022年3月5日
    42
  • 影刀自动化工作流RPA采集教程

    影刀自动化工作流RPA采集教程

    2026年3月19日
    4
  • 【教程】如何批量图片文字识别软件,批量图片文字识别OCR软件系统,批量图片压缩,PDF批量转文字转图片

    【教程】如何批量图片文字识别软件,批量图片文字识别OCR软件系统,批量图片压缩,PDF批量转文字转图片软件不需要安装,直接双击打开就可以用,废话不多说直接上图好了,方便说明问题前段时间有人跟我讲说要批量图片(批量名片识别、批量照片识别等)识别,然后就下来研究了一下可以支持单页图片识别、打开一个文件夹图片批量识别(后期正计划一个文件夹内的多个文件夹分组识别,没需求就没做)PDF文件文字识别怎么弄,现将PDF拆成图片,做了个功能批量PDF拆成图片后批量导入图片再识别开发语言C#、基…

    2022年6月3日
    45
  • 操作系统 进程调度算法_进程调度算法实验报告

    操作系统 进程调度算法_进程调度算法实验报告进程调度算法一、先来先服务(FCFS)基本思想:先到达的进程先进入就绪队列,先进行调度的原则。非抢占方式。二、短作业优先(SJF)基本思想:根据进程中的执行时间,选取执行时间最短的作业优先调度;可有抢占或非抢占方式。三、优先权高者优先(HPF)基本思想:系统根据作业的优先权进行作业调度,每次选取优先权高的作业优先调度。作业的优先权通常用一个整数表示,也叫做优先数。可有抢占或非抢占方式。…

    2022年9月29日
    6
  • js checkbox复选框实现单选功能[通俗易懂]

    js checkbox复选框实现单选功能[通俗易懂]本文仅供学习交流使用,如侵立删!联系方式及demo下载见文末jscheckbox复选框实现单选功能<scripttype=”text/javascript”> $(“:checkbox”).click(function(){ $(this).attr(“checked”,true);//设置当前选中checkbox的状态为checked $(this).siblings().attr(“checked”,false);//设置当前选中的checkbox同级(兄弟级

    2022年5月7日
    154
  • Python的八种数据类型[通俗易懂]

    Python的八种数据类型[通俗易懂]Python的八种数据类型八种数据类型分别是:number(数字)、string(字符串)、Boolean(布尔值)、None(空值)list(列表)、tuple(元组)、dict(字典)、se

    2022年7月5日
    30

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号