`
南京老油条
  • 浏览: 60669 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

百度地图使用

    博客分类:
  • Web
 
阅读更多

页面嵌入百度地图,并且使用自定义的图标标注点

 

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>百度地图</title>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yourAK"></script>
	<script src="http://d1.lashouimg.com/static/js/release/jquery-1.4.2.min.js" type="text/javascript"></script>

</head>
<body>
	<div style="width:1024px;height:768px;border:1px solid gray" id="container">
	</div>
</body>
</html>
<script type="text/javascript">

var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.403884,39.914887), 13);
map.enableScrollWheelZoom();
var icon = new BMap.Icon('/assets/logo.jpg', new BMap.Size(162, 55), {anchor: new BMap.Size(30, 30)}) // logo.jpg为自定义的标注图片, anchor 设定图标位置
var marker=new BMap.Marker(new BMap.Point(116.403884,39.914887),{icon: icon});
map.addOverlay(marker);

</script>

 

0
0
分享到:
评论

相关推荐

    H5 百度地图使用demo+地图基础知识+开发者平台及相关地址

    H5 百度地图使用demo+地图基础知识+开发者平台及相关地址 * Geolocation - 地理定位 * 概述 * 定位 - GPS(百度地图) * 经度和纬度 - 存在误差 * GPS依靠卫星定位 - 速度+精确度 * 网络是否畅通 - 隧道时 * ...

    百度地图使用方法

    【标题】:“百度地图使用方法” 【正文】: 在当今数字化时代,地图API已经成为开发者们构建应用程序不可或缺的一部分,特别是对于那些需要地理位置服务的应用。百度地图API是一个强大的工具,它允许开发者在自己...

    百度地图使用Demo--全

    【标题】"百度地图使用Demo--全"是一个包含多种百度地图功能示例的综合资源,旨在帮助开发者全面理解和掌握如何在应用中集成和利用百度地图API。这个压缩包中的"BMADemo"很可能是包含了各种功能模块的源代码或者演示...

    四个项目百度地图使用总结(内含所有代码及注释和相关功能的使用)全部来自项目积累总结

    在本资源中,作者分享了四个实际项目中关于百度地图使用的综合经验,涵盖了从基本功能到高级应用的各种示例代码,旨在帮助开发者更好地理解和运用百度地图API。以下是对这些知识点的详细阐述: 1. **百度地图API...

    百度地图使用demo

    本文将深入探讨“百度地图使用demo”的相关知识点,通过分析`BaiduMapsApiASDemo`和`BaiduMapsApiDemo`两个示例项目,来揭示如何有效地利用百度地图API进行开发。 首先,我们要理解百度地图API的基本概念。API...

    百度地图使用 demo

    百度地图使用 demo 可以快速掌握百度地图的api 案例

    leaflet加载百度地图

    然而,由于百度地图使用的是自己的坐标系统(BD-09),与常见的WGS84坐标系不同,所以在使用Leaflet时直接加载百度地图会遇到兼容性问题。本教程将详细讲解如何通过Leaflet成功加载并显示百度地图。 首先,我们需要...

    Mapbox 自定义图层 加载百度切片

    2. **坐标系统转换**:百度地图使用GCJ-02坐标系统,而Mapbox通常使用WGS84。为了正确显示百度地图切片,需要进行坐标转换。可以使用第三方库如proj4js进行转换。 3. **获取百度地图切片**:利用百度地图API,通过...

    离线使用百度地图的一个demo

    为了能够离线使用百度地图,网上找了一些资源,写了一个demo,能够简单离线使用百度地图的部分api。需要下带瓦片图,配置map.js等文件,主要是配置麻烦一点,使用跟正常的百度地图没啥区别。本文件仅上传必须配置...

    百度地图使用jar

    百度地图开发所使用的jar包包,可以下载直接引用

    leaflet加载百度地图和其他网络在线地图

    一个值得注意的是,百度地图使用的是百度墨卡托坐标系,而Leaflet默认使用WGS84坐标系。幸运的是,描述中提到在加载百度地图时,坐标无需转换,可以直接根据经纬度正确显示。这意味着Leaflet或所使用的库已经处理了...

    ArcGIS API 4.10之加载百度地图

    同时,我们还需要处理百度地图特有的坐标系统转换,因为百度地图使用的是自己的坐标系,而ArcGIS API通常使用Web Mercator坐标系。 2. **百度地图服务接口**: 百度地图提供了公开的Web服务接口,可以获取地图的...

    百度地图瓦片下载工具.zip

    1. **坐标系统转换**:百度地图使用的是百度坐标系,与常见的WGS84坐标系不同,工具需进行坐标转换,确保下载的瓦片准确无误地对应到真实地理位置。 2. **范围选择**:用户可以指定需要下载的地图区域,例如通过...

    使用html2canvas对有百度地图的Dom元素处理成图片的解决

    解决:使用百度地图静态图处理( http://lbsyun.baidu.com/index.php?title=static ),这时域名确定了( http://api.map.baidu.com ),可以用反向代理来解决跨域 &lt;!--html--&gt; &lt;el-image :src=`/baidu-...

    openlayers5加载百度地图.zip

    2. **坐标系转换**:由于OpenLayers和百度地图使用不同的坐标系统,需要进行坐标转换,通常使用`ol.proj.transform()`函数来实现。 3. **加载百度地图图层**:在OpenLayers 5中创建一个TileLayer实例,并设置其URL...

    delphi百度地图源码

    6. **坐标转换**:百度地图使用的是GCJ-02(火星坐标)编码,而Delphi通常使用的经纬度是WGS84标准。因此,源码中可能包含坐标系统的转换函数。 7. **用户交互**:地图应用通常需要处理用户的拖动、缩放等操作。这...

    百度离线地图离线资源包(包含地图瓦片下载器)

    百度地图使用瓦片系统来提供服务,用户可以通过下载特定区域的地图瓦片,在离线时查看这些区域。 “全能地图下载器-MapTileDownloader”是一个工具,它的主要功能是帮助用户从百度地图服务器上下载所需的地图瓦片。...

    iOS 百度地图的使用

    本教程将深入探讨如何在iOS应用中使用百度地图API,让你的App轻松实现地图功能。 首先,你需要在百度地图开放平台(http://lbsyun.baidu.com/)注册账号并创建应用,获取API密钥(Key)。这个Key是连接你的应用和...

    安卓百度地图使用

    百度地图的使用需要在AndroidManifest.xml文件中声明一些必要的权限,例如访问网络、位置等: ```xml ``` 3. **初始化地图**: 在Activity中,我们需要初始化百度地图控件。创建MapView对象,并在布局文件...

    54.(leaflet篇)leaflet接入百度地图服务时只有北半球的解决方案.zip

    百度地图使用的是自定义的坐标系统(BD09),这可能与Leaflet的默认投影(WGS84)不一致。确保在创建地图实例时指定正确的坐标系统(如上述代码中的`L.CRS.BD09`)。 5. **检查API限制**: 确保你的百度地图API...

Global site tag (gtag.js) - Google Analytics