Production of unity scalable map

framework

Use Scroll View load Image

Content And Image Initial size vs Panel Agreement , Then zoom through the code

Code

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class MapPanelManager : MonoBehaviour
{
    public Slider scaleSlider;
    public RectTransform contentOfMap;

    public void SetMapScale(Slider slider)
    {
        float scaleFactor = slider.value;
        contentOfMap.localScale = new Vector3(scaleFactor, scaleFactor, 1);
    }

    public void OnEnable()
    {
        scaleSlider.value = contentOfMap.localScale.x;
        contentOfMap.sizeDelta = contentOfMap.transform.GetChild(0).GetComponent<RectTransform>().sizeDelta;
    }
}

notes ： Load picture to Scroll View Of Content Medium to display , To achieve the effect of dragging and dropping , First of all, let Content The initial size of is the same as the picture , In this way, you can ensure that every part of the picture can be seen after dragging . Here, it is automatically set by code Content size .

  effect