页面中插入百度地图(利用百度地图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>

效果如下:

时间: 2024-11-04 21:17:23

页面中插入百度地图(利用百度地图API)的相关文章

使用选择器在页面中插入内容

我不知道是否有其他人能看见我写的内容,由于我是一个渣渣,很多内容都不知道,所以将这些很简单的东西都记录下来,希望不小心点进来的大神们,能吐槽一下我,呃指点一下我.和我一样的小白们希望能相互学习,谢谢了. 在css中可以使用before伪元素选择器 after伪元素选择器在页面中插入内容,而插入的内容由content属性来定义     一:使用选择器来插入文字 使用选择器来插入文字,在插入的内容是文字时要在文字的两旁加入单引号或者双引号. 为了使插入的内容美观,可以在选择器中加入添加的内容的样式

在页面中插入flash的代码实例

在页面中插入flash的代码实例: 有时候网页中需要插入一个flash,作为一个媒体文件,将其引入当然需要一定的格式,下面就介绍一下如何实现辞此功能,不过建议还是使用工具插入,比如使用DW,它就有专门的可视化工具直接点击按钮插入就可以了. 代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="62" height="62" type="a

如何在页面中插入邮箱地址

如何在页面中插入邮箱地址: 下面分享一段大家比较常见的代码,就是如何在一个页面中插入邮箱地址. 代码如下: <a href="mailto:[email protected]">[email protected]</a> 原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0613/4146.html 最原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&

页面中插入CSS样式的三种方法

页面中插入css样式的三种方法总结 1. 外部样式 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表. <link>标签在(文档的)头部: <head> <link rel="stylesheet" type="text/css" href="path/myCss.css"/> <

如何在HTML页面中插入百度地图

在网页制作时,如果想要把企业地址以地图的形式插入HTML页面中,可以通过百度地图轻松实现,当然,前提是注册百度账号并且通过实名认证 网址:http://api.map.baidu.com/lbsapi/creatmap/ 第一步:定位中心点,选择城市以及你想要定位的具体地点 第二步:设置地图,根据HTML页面预留的宽高,选择合适的尺寸 第三步:添加标注,这里面的内容可以根据实际需求填写 第四步:获取代码,点击复制把代码复制到一个单独的文件中,然后把对应的html代码和js代码添加你的项目中 就这

如何在百度搜索页面中插入广告

郑重声明:本人发布分享是为了让更多的人知道这项技术的存在,从而寻找一些防止的方法,并不是想做一些非法的操作.我也很不喜欢在页面中植入广告.所以希望各位大神看了此文后能多提一些建议与改进.本人会虚心接受.不喜勿喷!!! 该技术是我无意中接触的能够跨域操作JS的情况,通过跨域JS操作可以实现在你使用百度搜索跳转到你所在的页面的时候会自动使得百度搜索页面也进行相应的跳转,从而实现操作者的很多目的.目前我通过研究已经弄懂实现原理,并未亲自尝试,所以该文也是起抛砖引玉的作用,希望各位前端大牛能进行一下研究

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWF5dW4wNTE2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" > .aspx代码例如以下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="插入地图.aspx.cs"

cordova开发中,android端利用百度sdk定位。

原文在此,感谢作者http://snoopyxdy.blog.163.com/blog/static/601174402014420872345/ 近期的一个phonegap项目把我做的焦头烂额,最让人蛋疼的就是安卓4.1.x对html5的定位获取经纬度有个无比巨大的坑,一般我们利用如下代码进行html5的定位 navigator.geolocation.getCurrentPosition(function(pos){               alert(JSON.stringify(po

css3在页面中插入内容

A. 使用选择器来插入内容 h2:before{ content:"前缀"; } h2:after{ content:"后缀"; } B. 指定个别的元素不进行插入 h2.sample:before{ content:none; } 2. 插入图像 A. 在标题前插入图像文件 h2:before{ content:url(anwy.jpg); } B. 将alt属性的值作为图像的标题来显示(用不了) img:after{ content:attr(alt); dis