Трудовые будни фрилансера-разработчика MS CRM: Интеграция Google Maps v.3 в Microsoft Dynamics CRM 4.0

пятница, 18 июня 2010 г.

Интеграция Google Maps v.3 в Microsoft Dynamics CRM 4.0

В этом посте я опишу как можно интегрировать Google Maps v.3 в Microsoft Dynamics CRM 4.0 используя IFrame.

1. Я создал простую html страницу используя следующий код (я назвал её MapIntegration.html):

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Map integration</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 16,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var address = location.search;
    address = address.substring(address.indexOf('=') + 1);
    codeAddress(address);
  }
  function codeAddress(address) {
    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          var marker = new google.maps.Marker({
              map: map,
              position: results[0].geometry.location
          });
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
  }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

2. Скопируйте эут страницу в подкаталог ISV каталога, куда установлен Microsoft CRM:

3. Откройте форму кастомизации сущности, в которую вы будете интегрировать Google Maps, создайте там новую закладку, затем новую секцию, в секцию добавьте IFrame:

4. Вставьте следующий скрипт в OnLoad обработчик формы:

crmForm.all.tab4Tab.onclick = function()
{
 var url = "";
 if (crmForm.all.address1_country.DataValue != null)
  url = crmForm.all.address1_country.DataValue;
 if (crmForm.all.address1_city.DataValue != null)
  url += (url == "" ? "" : ", ") + crmForm.all.address1_city.DataValue;
 if (crmForm.all.address1_name.DataValue != null)
  url += (url == "" ? "" : ", ") + crmForm.all.address1_name.DataValue;
 if (crmForm.all.address1_line1.DataValue != null)
  url += (url == "" ? "" : ", ") + crmForm.all.address1_line1.DataValue;
 if (crmForm.all.address1_line2.DataValue != null)
  url += (url == "" ? "" : ", ") + crmForm.all.address1_line2.DataValue;
 if (crmForm.all.address1_line3.DataValue != null)
  url += (url == "" ? "" : ", ") + crmForm.all.address1_line3.DataValue;
 if (url != "")
 {
  url = "/ISV/gmap/mapintegration.html?address=" + url;
  crmForm.all.IFRAME_map.src = url;
 }
}