9B534B8686E580E0E01768F00155B461

at path：ROOT / sistema / vendors / jqvmap / examples / pins.html

run：R W Run

images

DIR

2026-04-09 04:12:40

R W Run

DIR

2026-04-13 08:51:37

R W Run

algeria.html

1007 By

2018-11-08 02:46:18

R W Run

argentina.html

1.18 KB

2018-11-08 02:46:18

R W Run

brazil.html

1.17 KB

2018-11-08 02:46:18

R W Run

continents.html

5.5 KB

2018-11-08 02:46:18

R W Run

europe.html

1011 By

2018-11-08 02:46:18

R W Run

france.html

1010 By

2018-11-08 02:46:18

R W Run

germany.html

1.17 KB

2018-11-08 02:46:18

R W Run

greece.html

1.17 KB

2018-11-08 02:46:18

R W Run

inactive_regions.html

2.09 KB

2018-11-08 02:46:18

R W Run

iran.html

1.5 KB

2018-11-08 02:46:18

R W Run

iraq.html

1.52 KB

2018-11-08 02:46:18

R W Run

labels.html

3.63 KB

2018-11-08 02:46:18

R W Run

mobile.html

1.72 KB

2018-11-08 02:46:18

R W Run

multi.html

1.08 KB

2018-11-08 02:46:18

R W Run

pins.html

6.38 KB

2018-11-08 02:46:18

R W Run

pins_custom.html

3.43 KB

2018-11-08 02:46:18

R W Run

responsive.html

1.32 KB

2018-11-08 02:46:18

R W Run

russia.html

1.2 KB

2018-11-08 02:46:18

R W Run

touch_detect.html

1.78 KB

2018-11-08 02:46:18

R W Run

tunisia.html

1.12 KB

2018-11-08 02:46:18

R W Run

turkey.html

1.11 KB

2018-11-08 02:46:18

R W Run

usa.html

1.25 KB

2018-11-08 02:46:18

R W Run

world.html

1.31 KB

2018-11-08 02:46:18

R W Run

error_log

📄pins.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>JQVMap - World Map</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">

#overlay {
        position: relative;
        overflow: hidden;
      }

#overlay div {
        position: absolute;
        z-index: 1;
      }

.jqvmap-zoomin,
      .jqvmap-zoomout {
        z-index: 1;
      }

.pin {
        background: url(images/tip.png) no-repeat;
        width: 9px;
        height: 5px;
        position: absolute;
        cursor: pointer;
        pointer-events: none;
      }

.pin .pin_content {
        background: url("images/background.png") repeat scroll 0 0 transparent;
        border-radius: 5px 5px 5px 5px;
        bottom: 50px;
        height: 50px;
        position: relative;
        right: 15px;
        width: 100px;
      }

.pin .pin_content div {
        float: left;
        height: 30px;
        width: 35px;
        padding: 10px 5px;
        text-align: center;
      }

.pin .pin_content div span {
        color: #EA4E41;
        font-size: 20px;
        font-weight: bold;
        line-height: 18px;
      }

.pin .pin_content div span.small {
        font-size: 12px;
      }

.pin .pin_content .thumb {
        width: 45px;
      }

.pin .pin_content .thumb img {
        max-width: 45px;
        max-height: 30px;
      }

#rightcol {
        position: absolute;
        right: 230px;
        top: 0;
      }

table, tr, td {
        border: 1px solid #aaaaaa;
      }

.pin-td {
        height: 65px;
        padding: 20px;
        width: 70px;
      }
    </style>

jQuery(document).ready(function () {
        jQuery('#vmap').vectorMap({
          map: 'world_en',
          backgroundColor: '#333333',
          color: '#ffffff',
          hoverOpacity: 0.7,
          selectedColor: '#666666',
          enableZoom: true,
          showTooltip: true,
          scaleColors: ['#C8EEFF', '#006491'],
          normalizeFunction: 'polynomial',
          pins: {
            "ru": "\u003ca href=\"http://google.com\"\u003epin_ru\u003c/a\u003e",
            "pk": "\u003ca href=\"http://google.com\"\u003epin_pk\u003c/a\u003e"
          }
        });
      });

function placePin(id) {

id = id.toLowerCase();

var cc = jQuery("#" + id + ' input[name=cc]').val();
        if (cc == '') {
          alert('Insert a country code first');
          return;
        }
        var pin = jQuery("#" + id + ' .pin-td').html();
        if (jQuery.trim(pin) == '') {
          alert('Pin has been moved');
          return;
        }

var pins = new Object();
        pins[cc] = pin;

jQuery('#vmap').vectorMap('placePins', pins, 'content');
      }

function movePin(id) {

id = id.toLowerCase();

var pins = new Object();
        pins[cc] = pin;

jQuery('#vmap').vectorMap('placePins', pins, 'id');
      }

function removePin() {
        var cc = jQuery('#remove input[name=cc]').val();
        if (cc == '') {
          alert('Insert a country code first');
          return;
        }
        jQuery('#vmap').vectorMap('removePin', cc);
      }

function removeAllPins() {
        jQuery('#vmap').vectorMap('removePins');
      }
    </script>
  </head>
  <body>
    <div id="vmap" style="width: 600px; height: 400px;"></div>
    <div id="rightcol">
      <table>
        <tr id="pin1">
          <td class="pin-td">
            <div id="pin1_content" class="pin">
              <div class="pin_content">
                <div>
                  <span>09</span>
                  <span class="small">new</span>
                </div>
                <div class="thumb">
                  <img src="images/thumb.jpg"/>
                </div>
              </div>
            </div>
          </td>
          <td>
            <input type="text" name="cc" placeholder="Country code"/><br/>
            <input type="button" onClick="placePin('pin1')" value="Copy"/>
            <input type="button" onClick="movePin('pin1')" value="Move"/>
          </td>
        </tr>
        <tr id="pin2">
          <td class="pin-td">
            <img id="pin2_content" src="images/globe.png"/>
          </td>
          <td>
            <input type="text" name="cc" placeholder="Country code"/><br/>
            <input type="button" onClick="placePin('pin2')" value="Copy"/>
            <input type="button" onClick="movePin('pin2')" value="Move"/>
          </td>
        </tr>
        <tr id="pin3">
          <td class="pin-td">
            <img id="pin3_content" src="images/flag.png"/>
          </td>
          <td>
            <input type="text" name="cc" placeholder="Country code"/><br/>
            <input type="button" onClick="placePin('pin3')" value="Copy"/>
            <input type="button" onClick="movePin('pin3')" value="Move"/>
          </td>
        </tr>
        <tr id="remove">
          <td class="pin-td">
            <input type="text" name="cc" placeholder="Country code"/><br/>
            <input type="button" onClick="removePin()" value="Remove"/>
          </td>
          <td>
            <input type="button" onClick="removeAllPins()" value="Remove"/>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>