@vue-bing-maps-azure/bing-mapa

BING MAPA

Para poder editar y subir los cambios se debe hacer un build, para luego poder subir los cambios como se muestra en el siguiente ejemplo

npm run build-full

Una vez hecho esto se debe tomar el archivo dist y reemplazarlo por el anterior. En caso de querer publicar, se deben seguir los siguientes pasos.

1.- npm run build-full 2.- npm login (Se debe tener cuenta) 3.- npm publish

INTEGRAR BING MAPA

Para poder integrar bing mapas se deben seguir los siguientes pasos

1.- npm install @vue-bing-maps-azure/bing-mapa 2.- import VueBingMaps from '@vue-bing-maps-azure/bing-mapa' 3.- Vue.use(VueBingMaps, { debug: true });

Ejemplo

Using npm

npm i --save vue-bing-maps

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'

import VueBingMaps from 'vue-bing-maps'

// Default configuration
Vue.use(VueBingMaps);

// Turn on debug logging
Vue.use(VueBingMaps, { debug: true });

<bing-map :credentials="key" :options="mapOptions" v-if="mapVisible">
    <bing-map-layer name="mapaTest"   >
        <bing-map-pushpin v-for="item in pins" 
        v-on:push-pin-drag="drag" 
        v-on:push-pin-dragend="dragend" 
        :metadata="item.metadata" :location="item.location" :options="item.options"></bing-map-pushpin>
        <bing-map-infobox :options="tooltip">
            <div class="customInfobox">{{tooltip.description}}</div>
        </bing-map-infobox>
    </bing-map-layer>
</bing-map>


drag(n) {
    console.log(n)
} 
dragend(n){
    console.log(n)
}