如何在JSP文件中接入高德地图实现地图展示和定位功能

最新推荐文章于 2024-07-24 17:27:32 发布

苏呆仔

最新推荐文章于 2024-07-24 17:27:32 发布

阅读量839

点赞数 9

文章标签： java 开发语言

本文链接：https://blog.csdn.net/tuzajun/article/details/140220429

版权

代码改进建议

确保页面结构正确：检查页面的HTML结构，确保地图的容器<div id="container">正确放置。
修改按钮功能：修正获取定位按钮的功能，确保它不会导致页面提交或其他问题。
调整样式：调整地图容器的高度，确保地图有足够的空间显示。

<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix='fmt' %>
<html>
<head>
    <title>高德地图定位示例</title>
    <style>
        #container {
     
            width: 95%;
            height: 400px; /* 增加高度以便地图正常显示 */
            border: 1px #000 solid;
            margin: 20px auto;
        }
    </style>
</head>
<body>
<script type="text/javascript" src="js/region.js"></script>
<script type="text/javascript">
    window._AMapSecurityConfig = {
     
        securityJsCode: "07c8ae98d030518e69bb69822b0c7514",
    };
</script>
<script
        type="text/javascript