Отметьте карту с помощью leaflet.js на странице visualforce - PullRequest
Новая
       19

Отметьте карту с помощью leaflet.js на странице visualforce

0 голосов
/ 12 марта 2019

Я хочу сделать отметки на карте с адресами полей (Shipping and Billing), «фискальный адрес», пока это настраиваемое поле. Я понимаю, что он имеет широту и долготу полей, но я не знаю, как выполнить функцию в javascript, чтобы сделать отметки на карте. Я хочу сделать две отметки на карте при нажатии на кнопку «сохранить»

Первая отметка --- адрес выставления счета, составленный из (BillingStreet, BillingCity, BillingState, BillingPostalCode)

Вторая отметка --- адрес доставки, составленный из (ShippingStreet, ShippingCity, ShippingState, ShippingPostalCode)

Геокоды: https://help.salesforce.com/articleViewid=data_dot_com_clean_geocode_information_fields.htm&type=5

просмотр моей вершины 

 <apex:page standardController="Account">
   <apex:stylesheet value="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
    <apex:includescript value="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js" />

    <div id="map" style="width: 1920px; height: 250px"></div>
    <head>
        <script>
            var map = L.map('map').setView([-34.610527, -58.380405], 12);
            mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
            L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; ' + mapLink + ' Contributors', maxZoom: 18,}).addTo(map);
        </script>
  </head>

  <apex:form >
    <apex:pageBlock >
    <h1>Nombre de la cuenta</h1>
    <apex:inputField value="{!Account.Name}" />



        <apex:pageBlockSection title="Direccion de facturacion" columns="1">
        <apex:inputField value="{!Account.BillingStreet}" />
        <apex:inputField value="{!Account.BillingCity}" />
        <apex:inputField value="{!Account.BillingState}" />
        <apex:inputField value="{!Account.BillingPostalCode}" />
        </apex:pageBlockSection>

        <apex:pageBlockSection title="Direccion de Envio" columns="1">
        <apex:inputField value="{!Account.ShippingStreet}"/>
        <apex:inputField value="{!Account.ShippingCity}"/>
        <apex:inputField value="{!Account.ShippingState}"/>
        <apex:inputField value="{!Account.ShippingPostalCode}"/>
        </apex:pageBlockSection>

        <apex:pageBlockSection title="Direccion Fiscal" columns="1">
        <apex:inputField value="{!Account.FiscalStreet__c}" />
        <apex:inputField value="{!Account.FiscalCity__c}"/>
        <apex:inputField value="{!Account.FiscalState__c}"/>
        <apex:inputField value="{!Account.FiscalPostalCode__c}"/>
        </apex:pageBlockSection>

      <apex:commandButton action="{!save}" value="Save" />
      <apex:pageBlockButtons >
      </apex:pageBlockButtons>
    </apex:pageBlock>
  </apex:form>
  <apex:pageMessages />
</apex:page>
...