PortBooker Widget HOWTO

La implementación del widget se basa en 5 pasos. Primeramente debes tener una "pbApi key", que nosotros te proporcionaremos. Por favor, contacta con nosotros si no dispones de la clave. Contactar

• Esto es un completo ejemplo de como usar el Widget Api.

  Ejemplo:

  <script type="text/javascript" src="http://www.portbooker.com/widget/portbookerApi.js"></script>
  <script type="text/javascript">
     registerWidget("475a6f4e81496cda4d77dca90e528415");
     setLogoPosition('bottom');
     setLanguage('en');
     setBackgroundColors('FFFFFF','F7F7F7','F7F7F7','F0F0F0');
     setWidth(750);
     setHeight(750);
     createWidget('widget');
  </script>
  

  Si necesitas más información sobre estas funciones, por favor revisa nuestro widget API: Widget API

• Una vez que portbooker te haya enviado la pbApi Key, deberás introducirla en la siguiente función: registerWidget("");

  Ejemplo:

  registerWidget("475d6f7c81406cda4d77dea90e528415");

• Deberás facilitarnos el dominio desde el que vas a ejecutar el widget

  Ejemplo:

  Si tu widget es ejecutado desde http://www.tudominio.com/widget.html , deberás facilitarnos:www.tudominio.com

• Deberás asegurarte que dispones de un etiqueta DIV en tu web dónde ejecutar el widget. Después el Div ID deberá asignarse a la función: createWidget('widgetDIV'); para especificar donde estará ubicado el widget.

  Ejemplo:

  <div id=\"widget\"></div>"; ?>

  createWidget('widget');"; ?>

• Para definir la Vista incial deberás proporcionar los datos de dos coordenadas SW (Sur-Este) y NE (Nor-Este). Para obtener dichos valores, puedes usar la aplicación de selección de coordenadas

  Ejemplo:

  setInitialView(16.29905101458183, -27.421875,67.7427590666639, 68.5546875);

• Para activar la reestricción geográfica, y añadir una lista de países a la lista de elementos visibles. Hay dos maneras de limitar geográficamente, por país y por zona, Y ambos pueden ser llamados simultáneamente llamndo sus respectivos métodos. Los Paises son definidos usando códigos
  
  Los nombres de zonas y su localización en sus respectivos paises se pueden encontrar en http://www.portbooker.com/en/marinas-map/ entrando en cada país puedes ver a la izquierda la lista de zonas, y en al mapa su localización. El código de zona puede verse en la dirección URL a la que apunta la zona (por ejemplo en Grecia, el enlace a la zona Dodecanese es , translate("así que el numero 35 es el identificador de zona."); ?>

  Ejemplo:

  addCountryRestriction('es,it,de,fr,us');"; ?>

  addZoneRestriction(\"53,54,55\");"; ?>

• Para enlazar nuestro widget en su web, ponemos a su diposición el siguiente banner: