JavaScript-demo-第三方组件-高德地图

最新推荐文章于 2024-08-15 17:17:10 发布

coffee_cold

最新推荐文章于 2024-08-15 17:17:10 发布

阅读量221

点赞数 1

分类专栏： Web 前端文章标签： javascript html 第三方组件高德地图

本文链接：https://blog.csdn.net/v7911/article/details/114591217

版权

本文提供了一个JavaScript结合高德地图的实战demo，通过引入jQuery库，展示了如何在网页中集成高德地图的功能，适用于网页地理定位和展示。

摘要由CSDN通过智能技术生成

[前提：想要正确运行demo项目，请自行准备jQuery，并将其替换掉下面源代码中jQuery的路径]

source code:

<!DOCTYPE html>
<html>
	<head>
		<style>
			#container {
				width: 100%;
				height: 600px;
			}
			.near-box{
				max-width: 640px;
				overflow: hidden;
				margin: 0 auto;
			}
			.receiv-box2 {
				width: 94%;
				float: left;
				height: 80px;
				background: #fff;
				padding: 0px 3%;
			}
			.bigbox{width: 100%;float: left;margin-top: 45px;}
			.receiv-input2 {
				width: 100%;
				float: left;
				height: 60px;
				line-height: 22px;
				background: #fff;
				padding: 10px 0px;
				overflow-x: hidden;
				overflow-y: auto;
			}
		</style>
	</head>
	<body>
		<div class="near-box" style=" ">
			<!--头部开始-->
			<div class="header" style='text-align: center;'>
				<span style='fon