Layui 后台ajax 腾讯地图多点标记mark

最新推荐文章于 2025-02-12 10:23:38 发布

路漫漫学无涯

最新推荐文章于 2025-02-12 10:23:38 发布

阅读量768

点赞数

文章标签： layui ajax javascript

本文链接：https://blog.youkuaiyun.com/Fun12306/article/details/126181472

版权

本文介绍了如何结合Layui后台框架和Ajax技术，实现在腾讯地图上显示多个标记点的效果。首先，展示了最终的页面显示效果，然后详细列举了实现这一功能的步骤，包括引入腾讯地图JavaScript API的链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

页面效果
二、使用步骤
- 1.[腾讯地图 JavaScript API 链接](https://lbs.qq.com/webApi/javascriptGL/glGuide/glOverview)

页面效果

在这里插入图片描述

二、使用步骤

1.腾讯地图 JavaScript API 链接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/public.css" media="all">
		<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77">
		//key=换成你自己申请的key
		</script>
		<style type="text/css">
			html,
			body {
     
				height: 100%;