Partage
  • Partager sur Facebook
  • Partager sur Twitter

Afficher des symbolpath avec angular google maps

    22 février 2018 à 10:09:34

    Bonjour,

    Voila je rencontre un petit problème avec mon code, j'ai intégré la map de google via le module uiGmapgoogle-maps, et je souhaitera afficher FORWARD_CLOSED_ARROW, sur des polyline que je crée via des données que récupère en base de données. Pour ce qui est de l'affiche de la map, et de trace des polyline, cela fonctionne sans problème, mais afficher des flèches, rien, même pas un message d'erreur.

    Donc, voici mon controller:

    app.controller('ParcoursCtrl', function ($scope,$http, $timeout,$cookieStore,$rootScope,$location) {
    //intialisation de la map
    $scope.map = {
        center: {
            latitude: 45.939053,
            longitude: -0.354418
        },
        showMarkers: true,
        doCluster: true,
        zoom: 14,
        options: {
            scrollwheel: false,
            zoomControlOptions: {
                position: google.maps.ControlPosition.BOTTOM_LEFT
            },
            polys: []
        }
    };
    
    //récupération des données pour tacer les données bases de données
    $scope.getCourse = function () {
        var marker=[];
        console.log($scope.dateSelect);
        $http({
            method: 'POST',
            url:  'js/controller/getCourse.php',
            data: {username: $rootScope.globals.currentUser.username, date: $scope.dateSelect}
        }).then(function (response) {// on success
           //Constructeur pour le tableau de polyline
            $scope.map.polys = [{
                id:1,
                path: [],
                stroke: { color: '#00A2E8', weight: 3 },
                geodesic: true,
                visible: true,
                icons: [{
                    icon: {
                        path: google.maps.SymbolPath.BACKWARD_OPEN_ARROW
                    },
                    offset: '25px',
                    repeat: '50px'
                }]
            }];
            //Affectation des données récupérées au tableau de polyline
            $scope.map.polys=response.data;
            ;}, function (response) {
    
        });
    }

    Donc tout fonctionne normalement dans le controller et dans le tracer des polyline, maintenant vois ma partial:

        <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
    
            <ui-gmap-polylines ng-repeat="p in map.polys" models="p" visible='p.visible' path="p.path" stroke="p.stroke"
                               geodesic="p.geodesic" icons='p.icons' editable="'editable'" draggable="p.draggable" static="true" >
            </ui-gmap-polylines>
        </ui-gmap-google-map>

    Ici la map et les polyline s'affichent correctement.

    Seulement les symbolpath, fin les flèches que je veux afficher ne s'affichent pas, et je voulais savoir si vous aviez déjà rencontré le même problème ou si vous savez comment afficher ces flèches?

    Merci d'avance



    • Partager sur Facebook
    • Partager sur Twitter

    Afficher des symbolpath avec angular google maps

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown