地图标注源码 php,百度地图设置坐标,标注坐标地理位置

【实例简介】百度地图设置坐标,标注坐标地理位置【实例截图】【核心代码】// 百度地图API功能function creat_map(e){map = new BMap.Map("mapbox");//map.centerAndZoom(new BMap.Point(117.143831,36.677922), 16);//添加带有定位的导航控件var navigationControl = new...
摘要由CSDN通过智能技术生成

【实例简介】百度地图设置坐标,标注坐标地理位置

【实例截图】

ea4905a2c2832f228827bb77fb37066a.png

【核心代码】// 百度地图API功能

function creat_map(e){

map = new BMap.Map("mapbox");

//map.centerAndZoom(new BMap.Point(117.143831,36.677922), 16);

//添加带有定位的导航控件

var navigationControl = new BMap.NavigationControl({

// 靠左上角位置

anchor: BMAP_ANCHOR_TOP_LEFT,

// LARGE类型

type: BMAP_NAVIGATION_CONTROL_LARGE,

// 启用显示定位

enableGeolocation: true

});

map.addControl(navigationControl);

var  mapStyle ={

features: ["road", "building","water","land","point"],//隐藏地图上的poi

style : "light"  //设置地图风格为高端黑

};

map.setMapStyle(map

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
地图标注是在网页中将地图上的位置信息标注出来,以便让用户更直观地了解地理位置。在HTML源码中,可以通过使用地图相关的标签和属性来实现地图标注。 首先,需要在HTML的<head>标签中引入地图API服务的脚本文件,例如百度地图的API服务。可以通过使用<script>标签来引入,如下所示: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YourAPIKey"></script> 其中,需要将"YourAPIKey"替换为你在百度地图开放平台申请的API密钥。 接下来,在<body>标签中创建一个容器元素,用来显示地图。可以使用<div>标签,为其指定一个唯一的id属性,例如: <div id="map"></div> 然后,在JavaScript代码中初始化地图对象,定义地点坐标,并在地图上添加标注。例如,使用百度地图的API服务来创建一个地图对象、定义一个位置坐标,并在该位置上添加一个标注,代码如下: <script type="text/javascript"> // 初始化地图对象 var map = new BMap.Map("map"); // 定义位置坐标 var point = new BMap.Point(经度, 纬度); // 在地图上添加标注 var marker = new BMap.Marker(point); map.addOverlay(marker); </script> 其中,需要将"经度"和"纬度"分别替换为具体的经纬度数值。 最后,通过在CSS样式表中定义相关样式,可以对地图容器进行自定义的美化,例如设置宽度、高度等。使用如下代码在<head>标签中添加CSS样式表: <style type="text/css"> #map { width: 400px; height: 300px; border: 1px solid #ccc; } </style> 通过以上的HTML源码,就可以在网页中实现地图标注功能,并将位置信息以图形化的方式展示给用户。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值