JS_baidu地图实现

最新推荐文章于 2023-03-31 13:35:07 发布

小王同志007

最新推荐文章于 2023-03-31 13:35:07 发布

阅读量1.7k

点赞数

分类专栏： [9] JavaScript 文章标签： function string 测试

本文链接：https://blog.csdn.net/ffwangxiuwei/article/details/6065565

版权

[9] JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Baidu地图测试</title>
</head>
<body>
<div style="width:800px;height:500px;border:1px solid #000" id="container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=abcd&v=1.0&services=true"></script>
<div id="info" style="margin-top:10px"></div>
<script type="text/javascript">
var xOffset= 0.013151;//*
var yOffset= 0.006888;//*
var map = new BMap.Map("container"); // 创建地图实例 *
//var point = new BMap.Point(116.345708, 40.005000); // 创建点坐标
var point = new BMap.Point(116.332557 +xOffset, 39.998112 +yOffset); // 创建点坐标 *
map.centerAndZoom(point, 17); // 初始化地图，设置中心点坐标和地图级别*

var myIcon = new BMap.Icon("car.bmp", new BMap.Size(34, 18), {
offset: new BMap.Size(0, 0), // 指定定位位置
//size: new BMap.Size(340, 180),
imageOffset: new BMap.Size(0, 0) // 设置图片偏移
});
var marker = new BMap.Marker(point, {icon: myIcon});
var marker = new BMap.Marker(point); // 创建标注
marker.setTitle(new String("title"));
map.addOverlay(marker);

map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.TrafficControl());
map.addControl(new BMap.OverviewMapControl());
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上，并调整地图视野
myGeo.getPoint("", function(point){
if (point) {
map.centerAndZoom(point, 12);
map.addOverlay(new BMap.Marker(point));
document.getElementById("info").innerHTML = point.lng + ", " + point.lat;
}},"大连市");

map.addEventListener("click", function(e){
document.getElementById("info").innerHTML = e.point.lng + ", " + e.point.lat;
});

marker.addEventListener("click", function(e){
document.getElementById("info").innerHTML = e.point.lng + ", " + e.point.lat;
});

//查询地址位置；
var local = new BMap.LocalSearch("大连市",{
renderOptions:{
map:map,
autoViewport:true
}
});
local.search('中山广场');
map.enableScrollWheelZoom();
var point2 = new BMap.Point(118.345708, 48.005000);
marker.setPoint(point2);
</script>
</body>
</html>

小王同志007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS_baidu地图实现

Baidu地图测试 var xOffset= 0.013151;//* var yOffset= 0.006888;//* var map = new BMap.Map("container"); // 创建地图实例 * //var point = new BMap.Poin
复制链接

扫一扫