Maison > Article > Java > Quelle est la méthode pour écrire du code en Java pour tracer des trajectoires sur la carte via l'API Baidu Map ?

Quelle est la méthode pour écrire du code en Java pour tracer des trajectoires sur la carte via l'API Baidu Map ?

WBOYoriginal: 2023-07-30 17:59:001613parcourir

Quelle est la méthode pour écrire du code en Java pour tracer des traces sur la carte via l'API Baidu Map ?

L'API Baidu Map fournit des fonctions riches pour effectuer diverses opérations sur la carte. Parmi eux, dessiner des trajectoires est une exigence courante. Cet article explique comment utiliser Java pour écrire du code et tracer des traces sur la carte via l'API Baidu Map.

Tout d'abord, vous devez préparer les conditions suivantes :

Environnement de développement Java : Assurez-vous que l'environnement de développement Java a été installé.
Compte Baidu Map Open Platform : Inscrivez-vous à un compte Baidu Map Open Platform, créez une application et obtenez une clé de développeur (ak).

Ensuite, nous utiliserons l'API JavaScript Baidu Map et le code back-end Java pour terminer le dessin de la trajectoire.

Étape 1 : Créez la structure de base de la page Web
Tout d'abord, créez un fichier HTML (tel que index.html) dans votre projet et ajoutez la structure de base de la page Web suivante :

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        #map {
            width: 100%;
            height: 500px;
        }
    </style>
</head>

<body>
    <div id="map"></div>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的开发者密钥"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager.js"></script>

    <script>
        // 在这里编写JavaScript代码
    </script>
</body>

</html>

Dans ce code, nous configurons le conteneur de carte Un div avec l'identifiant de map est créé et l'API JavaScript et la bibliothèque DrawingManager de Baidu Maps sont introduites.

Étape 2 : Ajouter du code en JavaScript
Dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a du code ci-dessus, nous pouvons ajouter le code JavaScript suivant pour tracer la trajectoire :

// 创建地图
var map = new BMap.Map("map");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);

// 启用鼠标绘制工具
var drawingManager = new BMapLib.DrawingManager(map, {
    isOpen: true, // 是否开启绘制模式
    enableDrawingTool: true, // 是否显示工具栏
    drawingToolOptions: {
        anchor: BMAP_ANCHOR_TOP_RIGHT, // 工具栏位置
        offset: new BMap.Size(5, 5), // 偏离值
    },
    polylineOptions: {
        strokeColor: "#FF0000", // 线颜色
        strokeWeight: 5, // 线宽度
    }
});

// 添加绘制完成事件
drawingManager.addEventListener("overlaycomplete", function(e) {
    var overlay = e.overlay;
    if (overlay instanceof BMap.Polyline) {
        var path = overlay.getPath();
        // 在这里可以获取到绘制的轨迹路径，并将其发送到后端进行保存
        console.log(path);
    }
});

Dans le code ci-dessus, un objet cartographique est d'abord créé et le le centre est défini sur les points et les niveaux de zoom. Ensuite, en instanciant l'objet DrawingManager, l'outil de dessin de la souris est activé et la position et les propriétés de la barre d'outils sont définies.

Dans la fonction d'écoute de l'événement de fin de dessin, nous pouvons obtenir le chemin de trajectoire dessiné et l'envoyer au backend pour sauvegarde. Dans l'exemple, nous utilisons la méthode console.log pour afficher sur la console.

Étape 3 : Démarrez le service
Placez le fichier HTML ci-dessus dans un conteneur Web (tel que Tomcat), démarrez le service et accédez au fichier HTML.

Maintenant, vous pouvez utiliser l'outil de dessin de la souris sur la carte pour dessiner des traces. Une fois le dessin terminé, les points de coordonnées de la trajectoire peuvent être visualisés dans la console.

Grâce aux étapes ci-dessus, nous avons mis en œuvre la méthode de dessin de traces sur la carte via l'API Baidu Map. Vous pouvez modifier et optimiser en fonction du code pour répondre à vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Dans Baidu Map API, comment utiliser Java pour calculer la distance entre deux points et l'afficher sur la carte ?Article suivant：Dans Baidu Map API, comment utiliser Java pour calculer la distance entre deux points et l'afficher sur la carte ?

Articles Liés

Voir plus