百度地图JavaScript 选择省份显示出省份的区域以及省份下的信息标点

最新推荐文章于 2021-09-15 15:35:13 发布

踏雪须眉

最新推荐文章于 2021-09-15 15:35:13 发布

阅读量1.6k

点赞数 2

分类专栏： LayUI

本文链接：https://blog.csdn.net/taxuexumei/article/details/117370368

版权

本文介绍了一个使用百度地图JavaScript API的功能实现，即通过下拉列表选择省份后在地图上显示对应的区域和营地信息标记点。点击标记点会弹出详细信息，并计划将来研究链家地图按图找房的高级效果。开发过程中需要用到百度地图的AK，并提供了包含部分垃圾代码的`camp_meeting.html`和`camp_meeting.js`两个文件作为参考，实现了预览效果。

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

功能要求：实现一个地图里面可以显示出许多的营地地点，点击地点的弹出框跳转到相应的文字上面
本来找个工作想只干后台轻松点，没想到还是得写前端代码，有点尴尬呀。遇到找个功能刚开始是想让实现链家的那种按图找房的样式，但是无奈水平有限，只能曲线实现这样的效果，以后有时间了研究研究如何实现链家的效果。
百度地图需要有AK才行，自己去申请一个就行啦。
主要是两个文件：代码中包含了许多垃圾代码。谨慎复制。
camp_metting.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript" src="../assets/jquery.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你自己的ak"></script>
   	<script type="text/javascript" src="../js/camp_meeting.js"></script>
   	<style type="text/css">  
	    html{
     height:100%}    
	    body{
     height:100%;margin:0px;padding:0px}    
	    #container{
     height:75%;width:96%;margin-left:2%;border-radius:15px}  
	    #map_select{
     
	    	height:75%;
	    	width:100%;
	    	margin:0 auto;
	    	text-align:center;
	    	text-align-last:center;
	    	background