加载百度地图，设置中心点，专为懒人准备

最新推荐文章于 2023-04-20 19:24:34 发布

思念是荒芜的梦

最新推荐文章于 2023-04-20 19:24:34 发布

阅读量1.6k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/g631521612/article/details/8782786

版权

jquery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

jsp页面：（也可以用html页面）

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="a.js"></script>
<title>百度</title>
</head>
<body>
	<input type="button" οnclick="showmap()">
	<div id="allmap" style="width: 300px;height: 300px;"></div>
</body>
</html>

外部引用了js文件（完全可以写在内部）

function showmap(){
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.404, 39.915);
	map.centerAndZoom(point,15);
	map.enableScrollWheelZoom();
	var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
}

就是这么简单，如果需要更加深入实用地图，请看百度地图的api http://developer.baidu.com/map/jsdemo.htm

思念是荒芜的梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
加载百度地图，设置中心点，专为懒人准备

jsp页面：（也可以用html页面）<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}百度
复制链接

扫一扫

专栏目录