
Security News
/Research
Wallet-Draining npm Package Impersonates Nodemailer to Hijack Crypto Transactions
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
To add the slider map component to your website (after setting up your account on maps for all):
Import the component by adding a src tag in the header (<head>
):
<script src="https://unpkg.com/slider-map">
Install the slider map package using NPM
npm install --save slider-map
You can create one parent element for the whole component or create div elements for the map and slider on your HTML page:
<div id="slidermapid"></div>
or
<div id="mapid"></div>
<div id="controlid"></div>
In the scripts section of your HTLM page, create the slider map component passing your map id and either the slider map id or the id's of the map and slider elements
<script>
const map = new SliderMap('your-maps-id-goes-here', 'slidermapid');
map.create();
</script>
or
<script>
const map = new SliderMap('your-maps-id-goes-here', 'mapid', 'controlid');
map.create();
</script>
You can create one parent element for the whole component or create div elements for the map and slider on your HTML page:
<div id="slidermapid"></div>
or
<div id="mapid"></div>
<div id="controlid"></div>
In your javascript, create the slider map component passing your map id and either the slider map id or the id's of the map and slider elements
import {SliderMap} from 'slider-map';
const map = new SliderMap('your-maps-id-goes-here', 'slidermapid');
or
import {SliderMap} from 'slider-map';
const map = new SliderMap('your-id-goes-here', 'mapid', 'controlid');
map.create();
You can get map meta data by adding a listener callback to the map component.
const map = new SliderMap('your-maps-id-goes-here', 'slidermapid');
map.addListener("metaData", metaData => {
console.log(metaData.title);
console.log(metaData.pin);
console.log(metaData.description);
console.log(metaData.link);
console.log(metaData.markerType);
});
You can get the currently displayed markers by adding a listener callback to the map component which will return an array of markers in the slider range.
const map = new SliderMap('your-maps-id-goes-here', 'slidermapid');
map.addListener("update", markers => {
console.log(markers[0].name);
console.log(markers[0].displayData);
console.log(markers[0].displayLocation);
});
You can zoom to a marker by passing it to the select() method:
const map = new SliderMap('your-maps-id-goes-here', 'slidermapid');
let markers = [];
map.addListener("update", (this.markers = markers));
...
map.select(markers[0]);
FAQs
Slider Map Component from MapsForAll
The npm package slider-map receives a total of 0 weekly downloads. As such, slider-map popularity was classified as not popular.
We found that slider-map demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.